jquery - 移动选择列表 - 隐藏默认选项

Question

在移动选择列表中，如何隐藏/删除列表中的第一个默认显示项？查看移动选择时会弹出一个包含所有选项的窗口，如何删除默认的“选择一个选项”项？

<select name="test">
    <option value="">Default Label</option>
    <option value="val1">Value 1</option>
    <option value="val2">Value 2</option>
</select>

当移动窗口弹出时，我想省略“默认标签”作为一个选项(不是禁用它而是完全删除它)。

Answer 1

我个人最喜欢的方式是让默认选项disabled

<select name="test">
    <option value="" disabled>Default Label</option>
    <option value="val1">Value 1</option>
    <option value="val2">Value 2</option>
</select>

这样一来，一旦用户点击下拉菜单，他们就必须选择其中一个选项，因为他们不再可以使用默认选项。