h5 使用LArea,实现地址三级联动例子
例子demo
<link rel="stylesheet" href="LArea.css">
<script src="LAreaData1.js"></script>
<script src="LAreaData2.js"></script>
<script src="LArea.js"></script>
<body>
<form action="demo.do?demo" id="myForm" enctype="multipart/form-data" method="post" style="height: 100%;width: 100%">
<input type="text" style="width: 75%" readonly="readonly" name="address01" id="address01" placeholder="请输入收货地址" >
<input type="text" style="display: none" name="woAddress" id="woAddress">
</form>
</body>
<script type="text/javascript">
//初始化
var area = new LArea();
area.init({
'trigger': '#address01',//触发选择控件的文本框,同时选择完毕后name属性输出到该位置
'valueTo':'#woAddress',//选择完毕后id属性输出到该位置
'keys':{id:'id',name:'name'},//绑定数据源相关字段 id对应valueTo的value属性输出 name对应trigger的value属性输出
'type':1,//数据源类型
'data':LAreaData//数据源
});
</script>
LArea数据包下载地址:https://github.com/ai27193/java-