Cách Ẩn và Hiển thị Tùy chọn CHỌN bằng JQuery trong IE

Question

Tôi đang cố gắng ẩn một số tùy chọn từ menu thả xuống. JQuery's .hide() và .show() hoạt động tốt trong Firefox và Chrome, nhưng không có may mắn trong IE.

Bất kỳ ý tưởng hay nào?

Answer 1

Trong nhiều phương pháp có thể, phương pháp này yêu cầu trình duyệt đánh hơi (nói chung là không tuyệt vời) nhưng không yêu cầu phải có nhiều bản sao của cùng một danh sách lựa chọn để hoán đổi vào và ra.

//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() 
    } 
}); 

tín dụng cho điều này nằm thẳng với Dima Svirid đây: http://ajax911.com/hide-options-selecbox-jquery/

Answer 2

Chỉ cần đề cập đến IE11 navigator.appName trả về 'Netscape' :) Vì vậy, dùng nó vào xem xét:

$("select option[value='your_option_value']").wrap((navigator.appName == 'Microsoft Internet Explorer' || navigator.appName == 'Netscape') ? '<span>' : null).hide();