如何隱藏和顯示選擇選項

Question

我對jQuery非常陌生。在我問之前，我搜索了很多東西，雖然看起來很傻，但對我來說卻很複雜。

我有一個簡單的<select>列表，其中有大約4個值，如下圖所示。

現在在運行時，我想隱藏基於jQuery的索引或值名稱的選項和表演。我怎樣才能做到這一點？

我的下拉框中有一個div區域和簡單的select選項以及一組值。請給我一個簡單的例子。

示例代碼

<Div ID = "abcd"> 
<select> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="opel">Opel</option> 
    <option value="audi">Audi</option> 
</select> 
</div> 

在此如何隱藏沃爾沃/歐寶在運行時？...像我想告訴和動態隱藏這些選項。

例如：當按下按鈕時，我想隱藏沃爾沃。同樣，如果按下另一個按鈕，我想要顯示沃爾沃回來。

Answer 1

，如果你想隱藏整個選擇，你應該給你的選擇或DIV包含您選擇一個ID，然後你可以這樣做：

<div id="mySelect" >your select tag here </div> 

$('mySelect').show(); // or $('mySelect').hide(); 

http://api.jquery.com/hide/

http://api.jquery.com/show/

如果你想隱藏你可以做的選擇，如下所示：

$("#edit-field-service-sub-cat-value option[value=" + title + "]").hide(); 

更具體到你的代碼：

<div id="abcd"> 
<select id="mySelect"> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="opel">Opel</option> 
    <option value="audi">Audi</option> 
</select> 
</div> 

title = 'volvo'; 
$("#mySelect option[value=" + title + "]").hide(); 

喜歡在這個帖子： Hide options in a select list using jQuery

或刪除它：

JQuery: Hide options of select according to option value