美文网首页
2019-10-21 JQ省市区联动 :distpicker插件

2019-10-21 JQ省市区联动 :distpicker插件

作者: 忆丶往 | 来源:发表于2019-11-10 00:16 被阅读0次
// 默认样式
  <div id="distpicker">
                <select></select>
                <select></select>
                <select></select>
 </div>
我只用了省市
image.png
<script th:src="@{js/lib/jquery-2.2.3.min.js}" src="/static/js/lib/jquery-2.2.3.min.js"></script>
<script th:src="@{js/lib/dist/distpicker.min.js}" src="/static/js/lib/dist/distpicker.js"></script>

<script>
  $(function () {
        $('#select_city').distpicker('destroy');//销毁实例
        $("#select_city").distpicker({
            province: "湖北省",
            city: "武汉市",
            district: "洪山区",
            autoSelect: true,
            placeholder: false,
        });
    })
</script>

详细解释
GitHub网址
jQuery中国省市区地址三级联动插件Distpicker(中文)

jQuery中国省市区地址三级联动插件Distpicker

相关文章

网友评论

      本文标题:2019-10-21 JQ省市区联动 :distpicker插件

      本文链接:https://www.haomeiwen.com/subject/xpnzmctx.html