你的位置:首页 > 网页设计

[网页设计]手机端省市区联动

使用的插件为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();"/>

插件地