Bootstrap Multiselect Problem

Question

Ich habe versucht, Bootstrap Multi-Select in http://teddyslist.com/dev/index.php hinzuzufügen. Ich habe Multi-Auswahl nur in der zweiten Dropdown-Liste hinzugefügt. Zuvor war Bootstrap Select dort. Nach dem Hinzufügen von Multi-Auswahl wurde das Design unterbrochen.

Die Standardbezeichnung "- Select State--" wird jetzt nicht angezeigt. Derzeit wird "Nothing Selected" angezeigt. Wie man es ändert?

Das Kontrollkästchen zeigt auch neben "- Select State--". Wie lösche ich es von hier?

Mein Code ist so etwas wie unten.

JQUERY in Header:

$(document).ready(function(){ 
    $('#state').multiselect(); 
}); 

HTML:

<select name="state" id="state" multiple> 
    <option value="">-- Select State --</option> 
    <option value="1">111</option> 
    <option value="2">222</option> 
    <option value="3">333</option> 
</select> 

I enthalten sind, Bootstrap-multiselect.js und Bootstrap-multiselect.css.

Kann mir bitte jemand helfen? Bitte entschuldigen Sie, wenn ich irgendeine dumme Frage stelle.

Answer 1

Änderung als multiple = "multiple" in html

<select name="state" id="state" multiple="multiple"> 
    <option value="">-- Select State --</option> 
    <option value="1">111</option> 
    <option value="2">222</option> 
    <option value="3">333</option> 
</select>