我能否将所需的属性应用于HTML 5中的<select>字段？

Question

我能否将所需的属性应用于HTML 5中的<select>字段？如何检查用户是否从<select>HTML 5中的字段？我明白了<select>不支持新的required属性.。那么，我必须使用JavaScript吗？或者说我遗漏了什么东西？

Answer 1

强制性*使第一个值为空-要求对空值进行工作。

先决条件正确的HTML 5 DOCTYPE和一个命名的输入字段

<select name="somename" required><option value="">Please select</option><option value="one">One</option></select>

按文献(名单和黑体是我的)

所需的属性是布尔属性。
指定后，将要求用户在提交表单之前选择一个值。

如果选择元素

• 具有指定的必需属性，
• 没有指定多个属性，
• 并且显示大小为1(不具有大小=2或更多-如果不需要，则省略它)；

• 如果SELECT元素的选项列表(如果有的话)中的第一个选项元素的值是空字符串

  (即作为

  value=""),

• 选项元素的父节点是SELECT元素(而不是optgroup元素)，

然后，该选项是SELECT元素的占位符标签选项。

Answer 2

您可以使用selected属性，用于在默认情况下选择选项元素。您可以使用required属性用于SELECT元素，以确保用户选择某些内容。

在Javascript中，您可以检查selectedIndex属性获取所选项的索引，也可以检查value属性获取所选项的值。

根据HTML 5规范，selectedIndex“返回第一个选定项的索引(如果有的话)，如果没有选定项，则返回−1。value“返回第一个选定项的值(如果有)，如果没有选定项，则返回空字符串。”因此，如果选择Index=-1，那么您就知道他们没有选择任何内容。

<button type="button" onclick="displaySelection()">What did I pick?</button><script>
    function displaySelection()
    {
        var mySelect = document.getElementById("someSelectElement");
        var mySelection = mySelect.selectedIndex;
        alert(mySelection);
    }</script>