前端三级联动 distpicker插件
前端三级联动 distpicker插件
引入jq CDN
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"</script>
引入distpicker线上CDN
<script src="https://cdn.bootcdn.net/ajax/libs/distpicker/2.0.7/distpicker.js"></script><script src="https://cdn.bootcdn.net/ajax/libs/distpicker/2.0.7/distpicker.min.js"></script>
HTML代码
<div data-toggle="distpicker">//可以直接把你选择的value直接form表单传入后台<select name="fang_dart" data-province="---- 选择省 ----"></select><select name="fang_city" data-city="---- 选择市 ----"></select><select name="fang_area" data-district="---- 选择区 ----"></select>
</div>
script代码
<script type="text/javascript">$('#target').distpicker({});
</script>
效果图