JS - MUI - PopPicker - 销毁 - 大坑
最近做了个需求:用到了2个选择器,逻辑是当第一个选择器选择好后,会根据第一个选中的值来对应加载第二个选择器的值,类似于省市区的效果,但是不能使用多级选择器来展示。
因此会发现,当第一个选择器多次点击后,会生成多次第二个选择器。
解决方法:
document.getElementById('hosptialMain').addEventListener("tap",function(){
hospitalPicker.show(function(items){
var text = items[0].text;
var val = items[0].value;
document.getElementById('hospital').value = text;
document.getElementById('hospitalVal').value = val;
/**********MUI大坑!去掉多余的************/
var crr = $('.mui-poppicker');
for(var j=0;j<crr.length;j++){
var drr = crr[j];
if(j != 0){
drr.remove();
}
}
/******************************************/
//执行加载第二个选择器
initDoctor();
});
});
前端很Q啊,很漂亮@(吐舌)
原来写文章还可以这样玩