手機端省市區聯動

使用的插件為LArea

使用方法

<link href="~/Assets/js/5iweb2016073010/css/LArea.css" rel="stylesheet" type="text/css" />

    <script src="~/Assets/js/5iweb2016073010/js/LAreaData1.js"></script>
    <script src="~/Assets/js/5iweb2016073010/js/LAreaData2.js"></script>
    <script src="~/Assets/js/5iweb2016073010/js/LArea.js"></script>

   <input  type="text" value="" placeholder=""  id="txt_area" >
                    <input type="hidden" id="hd_area"/>

var area1 = new LArea();
        area1.init({
            'trigger': '#txt_area', //觸發選擇控制項的文本框，同時選擇完畢後name屬性輸出到該位置
            'valueTo': '#hd_area', //選擇完畢後id屬性輸出到該位置
            'keys': {
                id: 'id',
                name: 'name'
            }, //綁定數據源相關欄位 id對應valueTo的value屬性輸出 name對應trigger的value屬性輸出
            'type': 1, //數據源類型
            'data': LAreaData //數據源
        });

出現的問題：點擊input時會預設彈出軟體盤，與插件彈出的省市區選擇器重疊

解決辦法：

$("#txt_area").focus(function () {
document.activeElement.blur();
});

或者

<inputtype="text" value="" placeholder=""  id="txt_area" onfocus="this.blur();"/>

插件地址http://www.5iweb.com.cn/page-useful-effects/723.html