移动html5地区选择,html5手机移动端三级联动城市选择器

特效描述：html5 手机移动端 三级联动 城市选择器。炫酷IOS城市选择器，手机端三级联动城市选择器。

代码结构

1. 引入CSS

2. 引入JS

3. HTML代码

var area1 = new LArea();

area1.init({

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

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

'keys': {

id: 'id',

name: 'name'

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

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

'data': LAreaData //数据源

});

area1.value=[1,13,3];//控制初始位置，注意：该方法并不会影响到input的value

var area2 = new LArea();

area2.init({

'trigger': '#demo2',

'valueTo': '#value2',

'keys': {

id: 'value',

name: 'text'

},

'type': 2,

'data': [provs_data, citys_data, dists_data]

});