移動端省市區三級聯動下拉選擇

mobiscroll_city

源碼在最後

請用移動設備打開demo或者使用瀏覽器模擬移動端

Demo

options

"title": '請選擇',//標題(可選)
"defaultValue": "",//默認值-多個以空格分開（可選）
"type": 3,//需要聯動級數[1、2、3]（可選）
"data": cityData,//數據(必傳)

example

<h3>省二級</h3>
<input type="text" name="area" placeholder="請選擇" value="" class="" id="area2" autocomplete="off">

$("#area2").click(function () {
	var nowValue = $(this)[0];
	new Picker({
        "title": '請選擇',//標題(可選)
        "defaultValue": "",//默認值-多個以空格分開（可選）
        "type": 2,//需要聯動級數[1、2、3]（可選）
        "data": cityData,//數據(必傳)
        "keys": {
        	"id": "Code",
        	"value": "Name",
            "childData": "level"//最多3級聯動
        },//數組內的鍵名稱(必傳，id、text、data)
        "callBack": function (val) {
            //回調函數（val爲選擇的值）
            nowValue.value = val;
        }
    });
})

效果圖

動態效果圖

源碼

github地址