如何从select-list中删除/隐藏选择选项 [英] How to remove/hide select options from select-list

问题描述

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

I've got a select list like this:

<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>

不幸的是我无法编辑它。
是否有任何方法可以让我隐藏产品4选项？
我正在尝试使用CSS，但它不适用于IE。

Unfortunately I can't edit it. Is there any method which let me hide the "Product 4" option by default? I'm trying with CSS, but it doesn't work with IE.

推荐答案

要隐藏它，请将其换行它带有span标记。

To hide it, wrap it with a span tag.

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

要显示它，请打开span标签（如果有）。

To show it, unwrap the span tag if it has one.

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

这篇关于如何从select-list中删除/隐藏选择选项的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！