删除焦点选择字段上的选择占位符

Question

<select class="name">
    <option value="">Select Option</option>
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
    <option value="5">Option 5</option>
</select>

当用户单击“选择选项”时，例如输入字段占位符。也不会显示在下拉列表中。

Answer 1

<select class="name">
    <option value="" style="display:none;">Select Option</option>
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
    <option value="5">Option 5</option>
</select>

style="display:none;"应该可以解决问题（默认情况下已选中，但在选项下不可见）。

Answer 2

您可以恢复使用<option value="" disabled selected>Select Option</option>