微客导航 » 文章资讯 » weui中的picker使用js进行动态绑定数据问题

weui中的picker使用js进行动态绑定数据问题

2023-08-09 19:44:04 318

解决方案;picker和Select组件是通过input标签绑定，可以先通过input的父级元素移除input标签，重新插入input标签，最后重新初始化picker或Select组件。


性别

js代码：

$("#appl_sex").picker({
title:"请选择",
cols:[
{
textAlign:'center',
values:["1",'2']
}
],
onChange:function(p,v,dv){
console.log(p,v,dv);
},
onClose:function(p,v,d){
console.log("close");
}
});
$('#appl_sex').change(function(){
/*选择设备号后,根据当前设备号设置不同的摄像头选项,具体判断逻辑根据具体的项目而定*/
varval=$("#appl_sex").val();
if(val=="1"){
$("#box").empty();
$("#box").html("");
$("#camera").picker({
title:"请选择摄像头",
cols:[
{
textAlign:'center',
values:['前置摄像头']
}
]
});
}else{
$("#box").empty();
$("#box").html("");
$("#camera").picker({
title:"请选择摄像头",
cols:[
{
textAlign:'center',
values:['前置摄像头','后置摄像头','前+后摄像头']
}
]
});
}
});

ps：weui之Picker的使用教程

这个问题调试了很久，因为调用example.js时没问题，一移开就失效，一度觉得很诡异。

经过多次测试，才发现，是zepto.min.js的次序放错了，应该放到头部。

完整的代码：






WeUI






单列选择器

$('#showPicker').on('click',function(){ weui.picker([{ label:'飞机票', value:0 },{ label:'火车票', value:1 },{ label:'的士票', value:2 },{ label:'公交票(disabled)', disabled:true, value:3 },{ label:'其他', value:4 }],{ onChange:function(result){ console.log(result); }, onConfirm:function(result){ console.log(result); } }); });

总结

以上所述是小编给大家介绍的weui中的picker使用js进行动态绑定数据问题，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

weui中的picker使用js进行动态绑定数据问题

热门推荐

随机推荐