distpicker使用记录

Posted 2021-01-15 sofublue

今天使用distpicker遇到了一些问题，记录一下。 
插件地址

使用说明

1. 需要引入的 js 文件

   <script type="text/javascript" src="./././js/jquery/distpicker.data.js"></script>
   <script type="text/javascript" src="./././js/jquery/distpicker.js"></script>
   <script type="text/javascript" src="./././js/jquery/main.js"></script>

    

2. 页面dom

   <div data-toggle="distpicker">
                 <select id="eprovinceName" data-province="浙江省" name="provinceName"></select>
                 <select id="ecityName" data-city="杭州市" name="cityName"></select>
                 <select id="edistrictName" data-district="西湖区" name="districtName"></select>
               </div>

    

3. js 初始化

   $(function(){
   $("#distpicker").distpicker(‘destroy‘);
   $("#distpicker").distpicker({
       province: ‘省份名‘,
       city: ‘城市名‘,
       district: ‘区名‘,
       autoSelect: true,
       placeholder: false
   });
   });

    

4. 数据回显

   $("#eprovinceName").val(data.provinceName);
           $("#eprovinceName").trigger("change");
           $("#ecityName").val(data.cityName);
           $("#ecityName").trigger("change");
           $("#edistrictName").val(data.districtName);
           $("#edetailAddress").val(data.detailAddress);

   遇到的问题

   1. 我最开始导入的是distpicker.min.js和distpicker.data.min.js 结果报错无法使用，更换非压缩板OK；

   2. 本想设置初始值”—请选择—”，结果多次尝试，以失败告终。