javascript - 使用 'required' 作为 'select' 标签

Question

如何将 required 与以下 select 代码一起使用。我对所有选择都有值(value)观。对于需要工作的情况，默认选择的选项应该为空值。如何在不删除任何选项值(value)的情况下获得所需的工作？有什么调整吗？

<select required>
<option value = "-1" selected> </option>
<option value = "1"> one </option>
<option value = "2"> two </option>
</select>

Answer 1

在大多数现代浏览器中，包含 required 元素的表单在具有值之前不会提交。

要使select像这样工作，请使用空字符串作为默认项目的值:

<select required>
<option value = "" selected> </option>
<option value = "1"> one </option>
<option value = "2"> two </option>
</select>

实例:https://jsfiddle.net/zu80u9my/ (如果未选择值，表单将不会提交)