ich einige Änderungen wollen jsfiddle in folgendenDropdown mit Multi-Option wählen
https://jsfiddle.net/zqvvuts6/5/
Wenn in der Kinder Optionen Benutzer klicken Sie auf andere dann zeigt es Textbox für die Suche.
In Drop-Down-Optionen wie folgt
Swedish Cars (parent)
Volvo (child)
Saab (child)
other (onclick it should show textbox)
Sie etwas tun kann, wie unten gezeigt, das ist ein verstecktes Feld verwendet erstellt „display: none“ und wenn die „anderen“ Option in der Dropdown-Liste ausgewählt wird, um die "display: block" Eigenschaft verwendet wird, und das Sucheingabefeld
function checkSelected(elem){
if(elem.value=="6"){
document.getElementById("hiddSearch").style.display="block";
}
else{
document.getElementById("hiddSearch").style.display="none";
}
}<select id="filter_sport" multiple="multiple" name="filter_sport"
\t \t \t \t \t class="selectpicker" title='Choose a Sport' data-actions-box="true" class="show-menu-arrow"
\t \t \t \t \t data-selected-text-format="count>3"
\t \t \t \t \t data-single-item-selected = "Sport Selected"
\t \t \t \t \t data-all-items-selected="All Sports"
\t \t \t \t \t ata-multi-item-selected = "Sports Selected" onchange="checkSelected(this)">
\t \t \t \t \t \t
\t \t \t \t \t \t
\t \t \t \t \t \t <option value="11" selected="selected">Cricket</option>
\t \t \t \t \t \t <option value="15" selected="selected">Football</option>
\t \t \t \t \t \t <option value="3" selected="selected">Hockey</option>
\t \t \t \t \t \t <option value="16" selected="selected">MMA</option>
\t \t \t \t \t \t <option value="6" selected="selected">Others</option>
\t \t \t \t \t </select>
<input style="display:none" id="hiddSearch"/>ich es auf der zweiten Dropdown-Liste anwenden möchten, besuchen pls dieses jsfiddle https://jsfiddle.net/zqvvuts6/5/ Swedish Cars (Elternteil) Volvo (Kind) Saab (Kind) andere (Onclick es zeigen Textbox sollte) –
erscheint https://jsfiddle.net/zqvvuts6/40/ –