HTML5手机省市区三级联动地区选择代码是一款使用苹果手机IOS风格的三级联动城市选择器。
js代码
<scriptsrc="js/LAreaData1.js"></script>
<scriptsrc="js/LAreaData2.js"></script>
<scriptsrc="js/LArea.js"></script>
<script>
vararea1=newLArea();
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
vararea2=newLArea();
area2.init({
'trigger':'#demo2',
'valueTo':'#value2',
'keys':{
id:'value',
name:'text'
},
'type':2,
'data':[provs_data,citys_data,dists_data]
});
</script>
下载
|
|