小程式單列和多列picker選擇器（二）

在我的另一篇博文中已經提到了要解決的第乙個問題：在未選擇時展示引導內容，在下拉欄選擇後顯示選擇內容

現在來解決第二個問題：存入值為文字值而不是角標

當前選擇：}

可以看出index是下角標，顯示文字時是以陣列的形式，array[0],array[1]等，所以為了讓資料庫中存入的是文字形式我們可以把這部分內容在js中進行處理

附上xml和js**：

可以在控制台中看到輸出的直接為值的形式，注意觸發了繫結事件bindpickerchangetime以後對indextime的值進行了改變，注意此時改變的是value="}"中的值（也就是要做到和value對應，否則會出現儲存錯誤）e.detail.value是陣列下標，在js函式中已通過類似陣列的形式進行了文字的轉換

（以兩列選擇器為例）

當前選擇：}，}，}

通過開放文件中的示例我們可以看出多列選擇器無法直接使用在js中直接處理的方式，以multiarray[0][multiindex[0]]為例，multiarray[0]代表的是第一列，multiindex[0]是判斷選擇選擇了什麼，也就是只知道陣列下標。multiarray[0]相當於array[index]中的array，multiindex[0]相當於index，因為多列選擇器繫結的是兩個函式，乙個作為最終的結果處理，乙個具體分析選擇的是哪一列以及選中列對應的內容，再加上value="，所以只能返回陣列的形式，然後在後端進行處理，附**

xml：（注三目運算子的書寫方式見我另一篇博文在未選擇時展示引導內容，在下拉欄選擇後顯示選擇內容）

=0?'on':''}}" style="}">
}

js：

bindmultipickerchangeaddr: function (e) )
},bindmultipickercolumnchangeaddr: function (e) ;
data.multiindexaddr[e.detail.column] = e.detail.value;
switch (e.detail.column) 
data.multiindexaddr[1] = 0;
break;
}console.log(data.multiindexaddr);
this.setdata(data);
},

看下控制台資訊輸出：

控制台雖然寫的是[0,0]這樣的形式，但是後台輸入儲存時為0,0（可以在php中進行echo）也就是字串的形式，在php中進行值的轉化

php：

$aarea=$_post['aarea'];			//這句是前端中$area = substr($aarea,0,strrpos($aarea,","));		
$dormitory = substr($aarea,strripos($aarea,",")+1);
if ($area==0) 
if ($area==1)
$aarea=$area.'-'.$dormitory;
mysqli_query($con,"set names utf8");

關鍵**：

$area = substr($aarea,0,strrpos($aarea,","));		
$dormitory = substr($aarea,strripos($aarea,",")+1);

小程式單列和多列picker選擇器（二）

小程式單列和多列picker選擇器（一）

小程式 picker 多列選擇器資料動態獲取

微信小程式 picker 單項單列選擇的實現

小程式 單列和多列picker選擇器（二）

小程式 單列和多列picker選擇器（一）

小程式 picker 多列選擇器 資料動態獲取

微信小程式 picker 單項單列選擇的實現

相關推薦

小程式單列和多列picker選擇器（二）

小程式單列和多列picker選擇器（一）

小程式 picker 多列選擇器資料動態獲取