How to set the "Please select province, city and district" prompt for the distpicker provincial, municipal and regional plug-in

clipboard.png
my goal is that when I want to load the page, the existing values will not be displayed. Instead, I should show "Please choose Province", "Please choose City" and "Please choose District". However, the plug-in distpicker does not seem to provide

.

Code:
< div data-toggle= "distpicker" id= "distpicker" > 

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

< / div >

js Code:
$(function () {
$("- sharpdistpicker"). Distpicker ("destroy"); 

$("-sharpdistpicker").distpicker({
        province: "", 
          city: "",
          district: "",
        autoSelect: true,
        placeholder: false
});

});

province: "Zhejiang", city: "Wenzhou", district: "Wencheng County",
just set the default value, which can only be used as echo, then it will be displayed. If there is no, it will not, and it will not realize the problem I mentioned

.
Jquery plug-in
Mar.28,2021

Without automatic selection
HTML section:
< div data-toggle= "distpicker" id= "area-group" > 

                <select data-province="--------" name="eprovinceName" id="eprovinceName"></select><!---->
                <select data-city="--------" name="ecityName" id="ecityName"></select><!---->
                <select data-district="--------" name="edistrictName" id="edistrictName"></select><!---->
            </div>

JavaScript section:
$("- sharpdistpicker"). Distpicker ({
autoSelect: false
});
effect:

clipboard.png

for more information, please see this link for download, where there are various effects demonstrations
http://www.thinkphp.cn/code/1.

.

Previous: How to map paramType to body in an swagger document using the parameters received by @ modelAttribute

Next: Front-end page performance issues

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu