基于distpickers.js修改的省市县联动插件(带搜索,原创)

所属分类:输入-选择框

 24083  308  查看评论 (0)
分享到微信朋友圈
X
基于distpickers.js修改的省市县联动插件(带搜索,原创) ie兼容9

HTML结构:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<form>
    <div id="distpicker">
        <div>
            <label for="province">Province</label>
            <input type="hidden" name="province" value="" />
            <ul id="province"></ul>
        </div>
        <div>
            <label for="city">City</label>
            <input type="hidden" name="city" value="" />
            <ul id="city"></ul>
        </div>
        <div>
            <label for="district">District</label>
            <input type="hidden" name="district" value="" />
            <ul id="district"></ul>
        </div>
    </div>
</form>

JS:

1
2
3
4
5
6
$('#distpicker').distpicker({
    autoSelect: true,//false 为不选择省市区,反之默认选择北京
    //province:"四川省", 指定省市区
    //city:"成都市",
    //district:"成华区"
});
相关插件-选择框

双向选择表格(支持IE8及以上)

双向选择表格,支持自定义查询条件(支持下拉框)、自定义表头和数据格式(表格支持链接)、单选全选、选择事件、动态修改数据等功能,具体可以查看示例
  选择框
 19154  197

jQuery复选框美化插件labelauty

单选框复选框样式美化
  选择框
 43156  340

jQuery省市区三级联动插件(可自定义样式)

PC端省市区三级联动插件,可自定义样式,支持两种数据初始化方式,最新的省市县的json数据,带有详细的使用说明
  选择框
 47290  491

仿京东地区选择

仿京东地区选择3级联动,城市选择器.
  选择框
 92298  479

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复