地区三级选择控件
运行效果截图:
html代码如下
<li>
<p>
编辑地区:
</p>
<div class="name">
<input type="text" id="address" value="陕西省 西安市 雁塔区" name='address' class="add_edit" ></input>
<input type="hidden" id="hd_area" value="28,325,667"/>
</div>
</li>
js代码
var selectArea = new MobileSelectArea();
selectArea.init({trigger:'#address',value:$('#hd_area').val(),data:'data.json',eventName:'click'});
引入相应js和css文件
<link rel="stylesheet" type="text/css" href="../dist/mobile-select-area.css">
<script type="text/javascript" src="../dist/zepto.min.js"></script>
<script type="text/javascript" src="../src/dialog.js"></script>
<script type="text/javascript" src="../src/mobile-select-area.js"></script>
文件如下:

本文详细介绍了地区三级选择控件的实现方法,包括HTML代码、JS代码、引入的CSS和JS文件,以及初始化配置。
1847

被折叠的 条评论
为什么被折叠?



