下拉多選項選擇

Question

我想要做一些修改中。如果在其他子選項用戶點擊下面的jsfiddle

https://jsfiddle.net/zqvvuts6/5/

話，就說明了搜索文本框。

在下拉選項如下

Swedish Cars (parent) 
Volvo (child) 
Saab (child) 
other (onclick it should show textbox) 

Answer 1

你可以做一些事情，如下圖所示，這是一個隱藏字段使用創建「顯示：無」，當在下拉菜單中的「其他」選項被選中「顯示：塊」 屬性將用於和搜索輸入字段將出現

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"/>