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

【问题标题】：Remove select placeholder on focus select field删除焦点选择字段上的选择占位符
【发布时间】：2020-05-05 12:45:49
【问题描述】：

<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>

当用户点击它时删除选择选项，就像输入字段占位符一样。也不显示在下拉列表中。

【问题讨论】：

select placeholder在哪里？
第一个选项用作占位符

标签： javascript html jquery css wordpress

【解决方案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;" 应该可以解决问题（默认选择但在选项下不可见）。

【讨论】：

【解决方案2】：

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

【讨论】：