2013-02-05 103 views
1

我想查找具有「未定義」值的選擇菜單的所有選項,然後隱藏它們。jQuery在選擇菜單中獲取選項的值

這是我的jSFiddle,如果有幫助。

<select id="tinynav1" class="tinynav tinynav1"><option>Navigation</option><option value="http://example.com/">Home</option><option value="undefined">Philosophy</option><option value="http://example.com/shop/">Shop</option><option value="undefined">Winemakers</option><option value="undefined">- Czech Republic</option><option </select> 

http://jsfiddle.net/huwrowlands/6SDWY/

+0

你是什麼意思「隱藏?」 –

回答

-1
$('#tinynav1 option[value="undefined"]').hide(); 

顯然IE不尊重上選項元素display性質。在這種情況下,您只需使用remove()而不是hide()Applied style="display:none" in <option> not working in IE but working MozillaChanging select's option display style to none under MSIE中的建議。

+0

似乎無法在我的JSFiddle上工作?謝謝 –

+2

@HuwRowlands從左上角的下拉列表中選擇jquery版本。 – Jai

+0

@HuwRowlands您需要將JQuery庫包含在小提琴中...請參閱http://jsfiddle.net/6SDWY/5/ – Plynx

0

像這樣:http://jsfiddle.net/38NSL/

基本上:

jQuery(document).ready(function($) 
{ 
    $('option').each(function(e) 
    { 
     if($(this).val() == "undefined") 
     { 
      $(this).remove(); 
     } 
    }); 
}); 
0

$( '#tinynav1選項[值= 「未定義」]')除去(); - 按@ jahuna

+0

其實這就是我的答案。> Juhana只注意到'隱藏'不起作用(但它確實,只在IE中沒有)。 – Plynx

相關問題