LArea

功能描述

本模块是移动端城市选择控件,实现城市地区联动选择功能。

快速使用

1.引入CSS文件

<link rel="stylesheet" type="text/css" href="css/LArea.css">

2.引入JS文件

  1. <script type="text/javascript src="js/LArea.js"></script>

3.在html页面中添加input标签

<input id="demo1" type="text" readonly="" name="input_area" placeholder="选择城市"/>

4.初始化

  1. var area = new LArea();
  2. area.init({
  3. 'trigger': '#demo1',//触发选择控件的文本框,同时选择完毕后name属性输出到该位置
  4. 'valueTo':'#value1',//选择完毕后id属性输出到该位置
  5. 'keys':{id:'id',name:'name'},//绑定数据源相关字段 id对应valueTo的value属性输出 name对应trigger的value属性输出
  6. 'type':1,//数据源类型
  7. 'data':LAreaData//数据源
  8. });

特别说明

详细用法见LArea_Demo.html