<

 

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