手机端省市区联动

使用的插件为LArea

使用方法

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

 <script src='/images/loading.gif' data-original="~/Assets/js/5iweb2016073010/js/LAreaData1.js"></script> <script src='/images/loading.gif' data-original="~/Assets/js/5iweb2016073010/js/LAreaData2.js"></script> <script src='/images/loading.gif' data-original="~/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();"/>

插件地

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：手机端省市区联动

关键词：