使用步骤：

1.引入js

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。 
<script src="distpicker/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="distpicker/distpicker.data.js" type="text/javascript" charset="utf-8"></script>
<script src="distpicker/distpicker.js" type="text/javascript" charset="utf-8"></script>

2.初始化

html部分

<!--地址三级联动-->
<div id="distpicker">
    <div class="form-group">
    　　<select class="form-control" id="province10"></select>
    </div>
    <div class="form-group">
        <select class="form-control" id="city10"></select>
    </div>
    <div class="form-group">
        <select class="form-control" id="district10"></select>
    </div>
</div>

 

js部分

$('#distpicker').distpicker({
    autoSelect: false //是否自动选中项
});

3.完成效果

jquery全国省市区三级联动插件distpicker 随笔

 

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄