当用户单击选择标记上的提交时，如何使“选择一个”选项不通过？

Question

在我的表单上，我试图使选择框显示标准的“选择一个”选项，以便用户可以单击它，然后在我已选择的3个选项中进行选择。 我希望表单的这一部分是必需的，同时也不允许默认选项通过。 任何使第一个选项不起作用的帮助将不胜感激！ 谢谢！

<option selected="selected">Select one</option>

<option value="air">On the air</option>

<option value="web">On the web</option>

<option value="both">Both</option>

Answer 1

只是改变

<select required>

     <option value="" selected>Select one</option>
     <option value="air">On the air</option>
     <option value="web">On the web</option>
     <option value="both">Both</option>


</select>

用户永远不能提交默认选项。

Answer 2

您可以像这样selected和disabled “ Select one选项。

 function validate(self) { console.log(self.value); } 

 <select onchange="validate(this)" required> <option disabled selected>Select one</option> <option value="air">On the air</option> <option value="web">On the web</option> <option value="both">Both</option> </select> 

• 每当在下拉列表中选择新值时，就会触发onchange事件。
• selected标签确保其为默认选项。
• disabled标记确保不能将其选择为实际选项。
• 如果下拉列表的值仍为默认值，则required标记可阻止表单提交。

Answer 3

“选择一个”文本实际上不应该是一个选项，而应该是一个标签

 <label>Select One:</label> <select> <option value="air">On the air</option> <option value="web">On the web</option> <option value="both">Both</option> </select>