javascript - 如何从 Html Select 标签中隐藏第一项

Question

我有以下代码:

<select>
    <option value="0">Option 0</option>.
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
</select>

当您点击选择时，我希望不再列出第一项。它还必须适用于所有浏览器。如何做到这一点？

谢谢。

Answer 1

只需将 display:none 添加到第一个选项即可。第一个选项将仅显示为选择框的“标题”，不再出现在选项中。它适用于 Firefox 和 Chrome。

<select>
    <option style="display:none;" value="0">Option 0</option>.
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
</select>