手机端省市区联动

使用的插件为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

转载于:https://www.cnblogs.com/stubborn-donkey/p/7833374.html