8

我试图从下拉列表中隐藏一些选项。JQuery在 Firefox.hide()和.show()Chrome 中运行良好，但在 IE 中没有运气。

有什么好主意吗？

4

3 回答 3

12

隐藏和显示基于浏览器检测的选项

在许多可能的方法中，这种方法需要浏览器嗅探，这可能是不稳定的，但另一方面，使用这种方法，我们不必换入和换出同一个select列表的多个副本。

//To hide elements
$("select option").each(function(index, val){
    if ($(this).is('option') && (!$(this).parent().is('span')))
        $(this).wrap((navigator.appName == 'Microsoft Internet Explorer') ? '<span>' : null).hide();
});

//To show elements
$("select option").each(function(index, val) {
    if(navigator.appName == 'Microsoft Internet Explorer') {
        if (this.nodeName.toUpperCase() === 'OPTION') {
            var span = $(this).parent();
            var opt = this;
            if($(this).parent().is('span')) {
                $(opt).show();
                $(span).replaceWith(opt);
            }
        }
    } else {
        $(this).show(); //all other browsers use standard .show()
    }
});

这归功于 Dima Svirid 在这里：http ://ajax911.com/hide-options-selecbox-jquery/

于 2013-07-19T00:52:47.367 回答
3

只是提到 IE11 navigator.appName 返回 'Netscape' :) 所以考虑到它：

$("select option[value='your_option_value']").wrap((navigator.appName == 'Microsoft Internet Explorer' || navigator.appName == 'Netscape') ? '<span>' : null).hide();
于 2016-01-06T10:10:35.060 回答
0

我找到了一个相当简单的解决方案，虽然选项不会被隐藏，而是在 IE 上被禁用。

$('#delivery_time option[value="06:30"]').removeAttr('disabled').show();       // To Show/Enable
$('#delivery_time option[value="06:30"]').attr('disabled', 'disabled').hide(); // To Hide/Disable

这是我偶然发现这两行的来源：IT Support Guides - Internet Explorer – How to hide select options using jQuery

于 2020-05-26T13:14:21.760 回答