Question

我想根据某些条件显示/隐藏选择选项。它在Firefox中运行良好，但在IE中无效。我不想使用remove（），因为我想保留数据以便在不同条件下再次显示。

IE Version 10，jQuery v1.11.3

$('#ddl').children('option').each(function () {
    if ($(this).attr('e-id') != 4) {
        $(this).hide();
    }
    else {
        $(this).show();
    }
});

Answer 1

IE不支持选项标记上的某些css属性。我知道的是

显示，高度，可见度，指针事件

＆＃13;

option:first-child, &:nth-child(3){
  color: red;
}

option:nth-child(2){
  font-weight: bold;
}

option:nth-child(4){
  font-size: 30px;
}

option:nth-child(5){
  display:none;
}

＆＃13;

<select>
  <option>A</option>
  <option>B</option>
  <option>C</option>
  <option>D</option>
  <option>E</option>
  <option disabled>F</option>
  <option>G</option>
  <option>H</option>
  <option>I</option>
</select>

＆＃13;

但是，如果您不希望用户选择该选项，则可以禁用该选项。

Answer 2

您可以使用prop替换attr

选择选项jquery hide（）在IE中不起作用

2 个答案: