jquery - 从选择选项中删除选项值

Question

我的代码是:

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

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

Answer 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 发布的图片)

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