jQuery地址選擇插件distpicker使用記錄


今天使用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. 本想設置初始值”—請選擇—”,結果多次嘗試,以失敗告終。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM