jquery - jQuery在选择菜单中获取选项的值

Question

我想找到具有“未定义”值的选择菜单的所有选项，然后隐藏它们。

如果有帮助，这是我的 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/

Answer 1

$('#tinynav1 option[value="undefined"]').remove(); - By @jahuna

Answer 2

像这样：http: //jsfiddle.net/38NSL/

基本上：

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

Answer 3

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

显然 IE 不尊重display选项元素的属性。在这种情况下，您可以使用在 Applied style="display:none" in <option> 中找到的remove()代替hide() 或建议在 IE 中不工作但在 Mozilla 中工作，并在 MSIE 下将选择的选项显示样式更改为无。