手机联动选择地区 例子见DEMO
#用法 ##注：依赖于dialog <!DOCTYPE> <title>选择地区</title> <script type="text/javascript" src="proxy.php?url=https%3A%2F%2Fwww.github.com%2F..%2Fdist%2Fzepto.js"></script> <script type="text/javascript" src="proxy.php?url=https%3A%2F%2Fwww.github.com%2F..%2Fdist%2Fdialog.js"></script> <script type="text/javascript" src="proxy.php?url=https%3A%2F%2Fwww.github.com%2F..%2Fdist%2Fdialog-jquery.min.js"></script> <script type="text/javascript" src="proxy.php?url=https%3A%2F%2Fwww.github.com%2F..%2Fdist%2Fmobile-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，空格分隔文字