手机联动选择地区
例子见DEMO
#用法
##注:依赖于dialog
<!DOCTYPE>
<title>选择日期</title>
<script type="text/javascript" src="../dist/zepto.js"></script>
<script type="text/javascript" src="../dist/dialog.js"></script>
<script type="text/javascript" src="../dist/dialog-jquery.min.js"></script>
<script type="text/javascript" src="../dist/mobile-select-area.js"></script>
<script>
var selectArea = new MobileSelectArea();
selectArea.init({trigger:$('#txt_area'),value:$('#hd_area').val(),data:'data.json'});
</script>
#属性及方法
##trigger:
触发弹窗的DOM元素 ,可以是input或其他
##value:
初始值,
##data:
当data为json对象时可以直接解析
当data为string发送ajax请求后返回json,格式如下:
{
"data": [{
"id": 1,
"name": "浙江省",
"child": [{
"id": "1",
"name": "杭州市",
"child": [{
"id": 1,
"name": "滨江区"
}]
}]
}, {
"id": 2,
"name": "江苏省",
"child": [{
"id": "1",
"name": "南京",
"child": [{
"id": 1,
"name": "解放区"
}]
}]
}, {
"id": 3,
"name": "湖北省"
}]
}
#callback:
选中后的回调,默认有填充trigger的value值,以及赋值它后面紧跟着的hidden的value值,以逗号分隔id,空格分隔文字
forked from tianxiangbing/mobile-select-area
yourlin/mobile-select-area
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
About
手机联动选择地区
Resources
Stars
Watchers
Forks
Packages 0
No packages published
Languages
- JavaScript 95.9%
- CSS 3.7%
- HTML 0.4%