我怎么能检查用户是否从HTML5中的<select>字段选择了一些东西?
我看到<select>不支持新的必需属性…我必须使用JavaScript吗?还是我遗漏了什么?：/
当前回答
你需要将option的value属性设置为空字符串:
<select name="status" required>
<option selected disabled value="">what's your status?</option>
<option value="code">coding</option>
<option value="sleep">sleeping</option>
</select>
当用户在表单上按submit键时，Select将向服务器返回所选选项的值。空值与空文本输入相同——>引发所需的消息。
w3schools
value属性指定提交表单时发送到服务器的值。 例子
其他回答
在html5中，你可以使用完整的表达式:
<select required="required">
我不知道为什么简短的表达不管用，但是试试这个。 这就解决了。
你也可以用JQuery动态地做到这一点
设置所需的
$("#select1").attr('required', 'required');
删除需要
$("#select1").removeAttr('required');
Works perfectly fine if the first option's value is null. Explanation : The HTML5 will read a null value on button submit. If not null (value attribute), the selected value is assumed not to be null hence the validation would have worked i.e by checking if there's been data in the option tag. Therefore it will not produce the validation method. However, i guess the other side becomes clear, if the value attribute is set to null ie (value = "" ), HTML5 will detect an empty value on the first or rather the default selected option thus giving out the validation message. Thanks for asking. Happy to help. Glad to know if i did.
试试这个，这个会有用的，我试过了，这个有用。
<!DOCTYPE html>
<html>
<body>
<form action="#">
<select required>
<option value="">None</option>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
<input type="submit">
</form>
</body>
</html>
试试这个
<select>
<option value="" style="display:none">Please select</option>
<option value="one">One</option>
</select>
