MUI框架封裝一個原生選擇器,還挺好用的,效果如下:
利用這個首先要導入兩個js和兩個css
mui.picker.js mui.poppicker.js mui.picker.css mui.poppicker.css
這四個文件是封裝好的樣式以及js。
picker是選擇列表插件,poppicker是彈出列表插件
具體使用如下:
//客戶渠道選擇 var xxxxx = document.getElementById("xxxxx"); xxxxxx.addEventListener("tap", function() { var roadPick = new mui.PopPicker();//獲取彈出列表組建,假如是二聯則在括號里面加入{layer:2} roadPick.setData([{//設置彈出列表的信息,假如是二聯,還需要一個children屬性 value: "1", text: "直銷" }, { value: "2", text: "傳統壽銷養" }]); roadPick.show(function(item) {//彈出列表並在里面寫業務代碼 }); });