mui 联动选择初始化很多人都遇到问题,就是setselectedvalue 不好用,实际上这个地方应该是有bug的
所以只能用setselectedindex 来实现
下面我是我的实现方式供大家参考:
<script>
(function($, doc) {
$.init();
$.ready(function() {
//-----------------------------------------
// //级联示例
var cityPicker3 = new $.PopPicker({
layer: 3
});
cityPicker3.setData(cityData3);
cityPicker3.pickers[0].setSelectedValue(130000);
var shi=cityPicker3.getSelectedItems()[0].children;
var val_shi=130200;
var val_xian=130204;
for(var i=0;i<shi.length;i++)
{
if(shi[i].value==val_shi)
{
cityPicker3.pickers[1].setSelectedIndex(i);
var xian=shi[i].children;
for(var j=0;j<xian.length;j++)
{
if(xian[j].value==val_xian)
{
cityPicker3.pickers[2].setSelectedIndex(j);
}
}
}
}
//cityPicker3.pickers[1].setSelectedIndex(2);
//cityPicker3.pickers[2].setSelectedIndex(3);
//cityPicker3.pickers[1].setSelectedValue(130205);
var showCityPickerButton = doc.getElementById('showCityPicker3');
var cityResult3 = doc.getElementById('cityResult3');
showCityPickerButton.addEventListener('tap', function(event) {
cityPicker3.show(function(items) {
cityResult3.innerText = "你选择的城市是:" + (items[0] || {}).text + " " + (items[1] || {}).text + " " + (items[2] || {}).text;
//返回 false 可以阻止选择框的关闭
//return false;
});
}, false);
});
})(mui, document);
</script>