Distpicker电脑版三级联动使用记录

最新推荐文章于 2022-05-16 11:31:35 发布

乾三_

最新推荐文章于 2022-05-16 11:31:35 发布

阅读量274

点赞数

文章标签： JS Distpicker 三级联动

本文链接：https://blog.csdn.net/CAO11021/article/details/81670910

版权

HtML页面

 <div data-toggle="distpicker" id="distpicker">
    <div class="form-group  select">
        <select class="form-control" id="province1" data-province="选择省"></select>
    </div>
    <div class="form-group select">
         <select class="form-control" id="city1" data-city="选择市"></select>
     </div>
  </div>

引用JS

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

JS地址初始化

   <script>
        $(function () {
            $("#distpicker").distpicker('destroy');
            $("#distpicker").distpicker({
                autoSelect: false
            });
        })
    </script>

页面效果