2013-02-05 66 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

相关问题