javascript - 如何从选择列表中删除/隐藏选择选项

Question

我有一个这样的选择列表:

<select id="selectlist" name="selectproduct" >
    <option value=""> --- Select product  --- </option>
    <option value="1">Product 1</option>
    <option value="2">Product 2</option>
    <option value="3">Product 3</option>
    <option value="4">Product 4</option>
</select>

很遗憾，我无法编辑它。有什么方法可以让我默认隐藏“Product 4”选项吗？我正在尝试使用 CSS，但它不适用于 IE。

Answer 1

要隐藏它，请用 span 标签将其包裹起来。

$( "#selectlist option[value=4]" ).wrap( "<span>" );

要显示它，打开 span 标签(如果有)。

if ( $( "#selectlist option[value=4]" ).parent().is( "span" ) ){
    $( "#selectlist option[value=4]" ).unwrap();
}