从选择选项中删除选项值答案

【问题标题】：Remove option value from the select option从选择选项中删除选项值
【发布时间】：2014-04-03 11:52:28
【问题描述】：

我的代码是：

<select>
<option>Options</option>
<option>Settings</option>
</select>

“选项”值是我列表中的默认值。如果我们查看列表中的“选项”值是不需要显示的。有可能的？？任何人都可以回答这个问题。请看图片。

【问题讨论】：

不可能。这就是
@MuraliMurugesan - 只需申请 display:none - 查看我的答案

标签： jquery html css selection

【解决方案1】：

你可以只用 CSS 来做到这一点

只需在该选项上设置display:none

FIDDLE

<select>
    <option style='display: none;'>Options</option>
    <option>Settings 1</option>
    <option>Settings 2</option>
    <option>Settings 3</option>
</select>

之所以起作用，是因为选择框中显示的选项不是实际的选项元素本身，它只是所选选项的副本。

（提示：看OP发布的图片）

现在默认情况下，第一个选项是选定的选项 - 所以 it 显示在选择框中，但是当您打开选择框时 - 您看不到它是一个选项 - 因为它有display:none。同样，如果您选择一个选项 - 您将不会再看到第一个选项 - 因为无法选择它。

【讨论】：

【解决方案2】：

在 jquery 中使用 :contains 选择器

$("select option:contains(Options)").remove();

Fiddle

【讨论】：

【解决方案3】：

也许你想要这样的东西：

$('select').on('change click focus', function () {
    $('option:first', this).hide();
}).on('blur', function () {
    $('option:first', this).show();
});

Fiddle

【讨论】：

【解决方案4】：

你可以默认隐藏它：

$('select option:eq(0)').hide();

Fiddle Demo

或使用纯 CSS：

select option:first-child {
    display: none;
}

Fiddle Demo

【讨论】：