下拉多选项选择

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