Jquery实现省 市 区(县)的三级联动

做三级联动之前需要导入3个插件和一个jquery插件

下面的连接是下载所需要的插件的
链接:https://pan.baidu.com/s/1Rs4jKlazFUW5Sapo99Xw6g
提取码:flfx

效果如下

在这里插入图片描述在这里插入图片描述
在这里插入图片描述
点击省份会出来下面的市,点击市会出现下面的区(县)

引用插件

HTML界面导入插件:
在这里插入图片描述

<script src="js/jquery-1.8.3.js"></script>
<script src="js/distpicker.data.js"></script>
<script src="js/distpicker.js"></script>
<script src="js/main.js"></script>

PS:这是我导入的路径,你的路径不一定和我一样

导入这4个插件,之后写下拉框引用这4个插件
在这里插入图片描述

<b data-toggle="distpicker">
  <select name="sheng"  data-province="---- 选择省 ----"></select>
  <select name="shi"	  data-city="---- 选择市 ----"></select>
  <select name="qu" data-district="---- 选择区 ----"></select>
  </b>
  <br />

这样就可以实现省市区(县)的三级联动了

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值