素材牛VIP会员

基于distpickers.js修改的省市县联动插件,带搜索功能

 所属分类:网页特效-输入/选择框/联动

 浏览:1424次  评论:6次  更新时间:2019-04-20
牛币素材VIP可免积分下载
基于distpickers.js修改的省市县联动插件,带搜索功能兼容IE9
积分说明:注册即送10牛币,每日签到可获得5牛币,成为VIP会员可永久免牛币下载!   充值积分   充值会员   更多说明»
素材描述:三级省市县联动插件,带搜索功能

详细介绍

HTML结构:

<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:

$('#distpicker').distpicker({
    autoSelect: true,//false 为不选择省市区,反之默认选择北京
    //province:"四川省", 指定省市区
    //city:"成都市",
    //district:"成华区"
});

文件目录结构

  • css
    • ┝ main.css
  • ┝ index.html
  • js
    • ┝ b-distpicker.js
    • ┝ distpicker.data.js
    • ┝ distpicker.js
    • ┝ jquery.min.js

讨论这个素材(6)回答他人问题或分享使用心得会奖励牛币

洗***月  
2019年05月20日

可以谢谢

回复
似***华  
2019年05月27日

围观了

回复
ct***05  
2019年06月11日

开字是什么呢,如何处理啊

回复
ji***19  
2019年06月13日

这个联动好

回复
ka***88  
2019年06月26日

这个联动不错

回复
零***落  
2019年06月27日

效果不错!!!

回复
零***落  
2019年07月18日

不错不错,感谢分享!

回复
si***ne  
2019年07月19日

厉害了这个

回复
qq***83  
2019年08月01日

很好很好不错很好很好

回复
 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0
所需牛币:5 开始下载

牛币获取:签到、评论、充值    » 在线充值(10牛币=1元)