鍍金池/ 問(wèn)答/HTML/ distpicker省市區(qū)插件如何設(shè)置"請(qǐng)選擇省市區(qū)"提示

distpicker省市區(qū)插件如何設(shè)置"請(qǐng)選擇省市區(qū)"提示

clipboard.png
我的目的是想要加載頁(yè)面的時(shí)候，不會(huì)顯示已有的值，而是應(yīng)該顯示“請(qǐng)選擇省”、“請(qǐng)選擇市”、“請(qǐng)選擇區(qū)”，讓自己選擇，但是distpicker這個(gè)插件好像沒(méi)有提供

代碼：
<div data-toggle="distpicker" id="distpicker">

<select class="SlectBox"></select>
<select class="SlectBox"></select>
<select class="SlectBox" id="select3"></select>
<em>*</em>

</div>

js代碼：
$(function () {
$("#distpicker").distpicker('destroy');

$("#distpicker").distpicker({
        province: '浙江省', 
          city: '溫州市',
          district: '文成縣',
        autoSelect: true,
        placeholder: false
});

});

province: '浙江省', city: '溫州市',district: '文成縣',
只是設(shè)置默認(rèn)值，只能當(dāng)回顯使用，有才會(huì)顯示，沒(méi)有則不會(huì)，并不能實(shí)現(xiàn)我所說(shuō)的問(wèn)題

回答
編輯回答
執(zhí)念

Without automatic selection
HTML部分：
<div data-toggle="distpicker" id="area-group" >

                <select data-province="----請(qǐng)選擇省----" name="eprovinceName" id="eprovinceName"></select><!--省-->
                <select data-city="----請(qǐng)選擇市----" name="ecityName" id="ecityName"></select><!--市-->
                <select data-district="----請(qǐng)選擇區(qū)----" name="edistrictName" id="edistrictName"></select><!--區(qū)-->
            </div>

JavaScript部分:
$("#distpicker").distpicker({
autoSelect: false
});
效果圖：

clipboard.png

具體可參見(jiàn)這個(gè)鏈接，下載，里面有各種效果演示
http://www.thinkphp.cn/code/1...

2017年10月20日 05:56