Larea地区选择控件的使用（效果仿ios）

直接使用可能在较老款的或者分辨率低的手机上显示是有问题的

兼容老式手机的做法：Larea中close:function(e)里面有

var evt=new customEvent("input");    // customEvent自定义事件（首先要创建createEvent）

_self.trigger.dispatchEvent(evt);     // dispatchEvent触发事件的方法（IE下是fireEvent，Chrome和firefox中是 dispatchEvent ）

把以上两句话注释掉可以兼容老式的手机正常使用

（注： Larea 使用方法

//添加地址选择数据

$.ajax({

type: 'GET',

contentType:'application/json;charset=UTF-8',

url:"AREA.json",   //地区数据

dataType: "json",

success:function(data){

var area1 = new LArea();

   area1.init({

       'trigger': '#demo1', //触发选择控件的文本框，同时选择完毕后name属性输出到该位置

       'valueTo': '#value1', //选择完毕后id属性输出到该位置

       'keys': {

           id: 'id',

           name: 'text'

       }, //绑定数据源相关字段 id对应valueTo的value属性输出 name对应trigger的value属性输出

       'type': 1, //数据源类型

       'data': data.children //数据源

   });

}

}) ）

数据格式为{

"id": "0",

"text": "中国",

"children": [

{

"id": "210000",

"text": "辽宁省",

"children": [

{

"id": "210200",

"text": "大连市",

"children": [

{

"id": "210203",

"text": "西岗区",

"leaf": true

}, {

"id": "210202",

"text": "中山区",

"leaf": true

}, {

"id": "210201",

"text": "市辖区",

"leaf": true

}, {

"id": "210204",

"text": "沙河口区",

"leaf": true

}, {

"id": "210211",

"text": "甘井子区",

"leaf": true

}, {

"id": "210212",

"text": "旅顺口区",

"leaf": true

}, {

"id": "210213",

"text": "金州区",

"leaf": true

}, {

"id": "210224",

"text": "长海县",

"leaf": true

}, {

"id": "210281",

"text": "瓦房店市",

"leaf": true

}, {

"id": "210282",

"text": "普兰店市",

"leaf": true

}, {

"id": "210283",

"text": "庄河市",

"leaf": true

}

]

},{

"id": "210800",

"text": "营口市",

"children": [

{

"id": "210811",

"text": "老边区",

"leaf": true

}, {

"id": "210801",

"text": "市辖区",

"leaf": true

}, {

"id": "210803",

"text": "西市区",

"leaf": true

}, {

"id": "210802",

"text": "站前区",

"leaf": true

}, {

"id": "210804",

"text": "鲅鱼圈区",

"leaf": true

}, {

"id": "210882",

"text": "大石桥市",

"leaf": true

}, {

"id": "210881",

"text": "盖州市",

"leaf": true

}

]

}, {

"id": "210900",

"text": "阜新市",

"children": [

{

"id": "210921",

"text": "阜新蒙古族自治县",

"leaf": true

}, {

"id": "210922",

"text": "彰武县",

"leaf": true

}, {

"id": "210902",

"text": "海州区",

"leaf": true

}, {

"id": "210903",

"text": "新邱区",

"leaf": true

}, {

"id": "210901",

"text": "市辖区",

"leaf": true

}, {

"id": "210904",

"text": "太平区",

"leaf": true

}, {

"id": "210905",

"text": "清河门区",

"leaf": true

}, {

"id": "210911",

"text": "细河区",

"leaf": true

}

]

}, {

"id": "211200",

"text": "铁岭市",

"children": [

{

"id": "211282",

"text": "开原市",

"leaf": true

}, {

"id": "211281",

"text": "调兵山市",

"leaf": true

}, {

"id": "211223",

"text": "西丰县",

"leaf": true

}, {

"id": "211221",

"text": "铁岭县",

"leaf": true

}, {

"id": "211224",

"text": "昌图县",

"leaf": true

}, {

"id": "211202",

"text": "银州区",

"leaf": true

}, {

"id": "211201",

"text": "市辖区",

"leaf": true

}, {

"id": "211204",

"text": "清河区",

"leaf": true

}

]

}, {

"id": "211100",

"text": "盘锦市",

"children": [

{

"id": "211101",

"text": "市辖区",

"leaf": true

}, {

"id": "211102",

"text": "双台子区",

"leaf": true

}, {

"id": "211103",

"text": "兴隆台区",

"leaf": true

}, {

"id": "211122",

"text": "盘山县",

"leaf": true

}, {

"id": "211121",

"text": "大洼县",

"leaf": true

}

]

}, {

"id": "211000",

"text": "辽阳市",

"children": [

{

"id": "211081",

"text": "灯塔市",

"leaf": true

}, {

"id": "211011",

"text": "太子河区",

"leaf": true

}, {

"id": "211021",

"text": "辽阳县",

"leaf": true

}, {

"id": "211003",

"text": "文圣区",

"leaf": true

}, {

"id": "211002",

"text": "白塔区",

"leaf": true

}, {

"id": "211001",

"text": "市辖区",

"leaf": true

}, {

"id": "211005",

"text": "弓长岭区",

"leaf": true

}, {

"id": "211004",

"text": "宏伟区",

"leaf": true

}

]

}

]

}, {

"id": "810000",

"text": "香港特别行政区",

"children": [

{

"id": "810100",

"text": "香港特别行政区",

"children": [

{

"id": "810110",

"text": "香港特别行政区",

"leaf": true

}

]

}

]

}, {

"id": "420000",

"text": "湖北省",

"children": [

{

"id": "420200",

"text": "黄石市",

"children": [

{

"id": "420204",

"text": "下陆区",

"leaf": true

}, {

"id": "420205",

"text": "铁山区",

"leaf": true

}, {

"id": "420201",

"text": "市辖区",

"leaf": true

}, {

"id": "420202",

"text": "黄石港区",

"leaf": true

}, {

"id": "420203",

"text": "西塞山区",

"leaf": true

}, {

"id": "420222",

"text": "阳新县",

"leaf": true

}, {

"id": "420281",

"text": "大冶市",

"leaf": true

}

]

}, {

"id": "420300",

"text": "十堰市",

"children": [

{

"id": "420381",

"text": "丹江口市",

"leaf": true

}, {

"id": "420325",

"text": "房县",

"leaf": true

}, {

"id": "420324",

"text": "竹溪县",

"leaf": true

}, {

"id": "420321",

"text": "郧县",

"leaf": true

}, {

"id": "420323",

"text": "竹山县",

"leaf": true

}, {

"id": "420322",

"text": "郧西县",

"leaf": true

}, {

"id": "420303",

"text": "张湾区",

"leaf": true

}, {

"id": "420302",

"text": "茅箭区",

"leaf": true

}, {

"id": "420301",

"text": "市辖区",

"leaf": true

}

]

}, {

"id": "420900",

"text": "孝感市",

"children": [

{

"id": "420984",

"text": "汉川市",

"leaf": true

}, {

"id": "420982",

"text": "安陆市",

"leaf": true

}, {

"id": "420981",

"text": "应城市",

"leaf": true

}, {

"id": "420923",

"text": "云梦县",

"leaf": true

}, {

"id": "420922",

"text": "大悟县",

"leaf": true

}, {

"id": "420921",

"text": "孝昌县",

"leaf": true

}, {

"id": "420902",

"text": "孝南区",

"leaf": true

}, {

"id": "420901",

"text": "市辖区",

"leaf": true

}

]

}, {

"id": "421100",

"text": "黄冈市",

"children": [

{

"id": "421102",

"text": "黄州区",

"leaf": true

}, {

"id": "421101",

"text": "市辖区",

"leaf": true

}, {

"id": "421181",

"text": "麻城市",

"leaf": true

}, {

"id": "421182",

"text": "武穴市",

"leaf": true

}, {

"id": "421122",

"text": "红安县",

"leaf": true

}, {

"id": "421123",

"text": "罗田县",

"leaf": true

}, {

"id": "421121",

"text": "团风县",

"leaf": true

}, {

"id": "421126",

"text": "蕲春县",

"leaf": true

}, {

"id": "421127",

"text": "黄梅县",

"leaf": true

}, {

"id": "421124",

"text": "英山县",

"leaf": true

}, {

"id": "421125",

"text": "浠水县",

"leaf": true

}

]

}

]

}

]

}