用 Jquery distpicker 插件 做 省市地区 三级 联动显示

1.插件下载地址

http://www.jq22.com/jquery-info8054

2.引入Js

<script type="text/javascript"   src="xxxxxxx/jquery-1.8.3.min.js"></script>
<script src="xxxxxxxx/distpicker.data.js"></script>
<script src="xxxxxxxx/distpicker.js"></script>
<script src="xxxxxxxx/main.js"></script>
<script type="text/javascript">

3.设置div

<div data-toggle="distpicker">
         <select id="eprovinceName" data-province="湖南省" name="provinceName"></select>
         <select id="ecityName" data-city="长沙市" name="cityName"></select>
         <select id="edistrictName" data-district="岳麓区" name="districtName"></select>
 </div>   

4.效果图

 默认:

扫描二维码关注公众号,回复: 2828706 查看本文章

 展开:

 

猜你喜欢

转载自blog.csdn.net/qq_25221835/article/details/81452039