对于以下下拉列表，“必需”属性不起作用答案

【问题标题】：For following drop down list , 'required' attribute is not working对于以下下拉列表，“必需”属性不起作用
【发布时间】：2014-03-17 15:04:15
【问题描述】：

如果用户从选项中选择“- - select - -”，则应将其视为空白字段。它应该触发“必需”属性，以便浏览器在提交表单时显示警告消息：“请填写此字段”。

我努力了，但没有找到解决办法。

HTML：

<form>
    <select id="post" name="post" required="required" title="post you are applying for" class="formfield3" />

    <option value="0"> - - select - -</option>
    <option value="1">Mobile App Developer</option>
    <option value="2">DataBase Administrator</option>
    <option value="3">Search Engine Optimizer</option>
    <option value="4">Product Manager</option>
    <option value="5">HR Manager</option>

    </select>

<input type=submit>
</form>

我正在使用最新版本的 chrome，并且“必需”适用于其他标签，例如文本字段等。

【问题讨论】：

jQuery 还是纯 JS？你对 JS/jQuery 有什么尝试？
@LShetty，这和 JS 或 jQuery 无关
@Davidconrad，那么您将如何在提交时显示警报？
一些错字提示：不要以/> 结尾<select，记住type="submit" 周围的引号
@LShetty，由于 'required' 属性，浏览器自动提醒。

标签： html

【解决方案1】：

要让浏览器将其视为空白字段，请将其设为空白 - 将 0 更改为空字符串：

<select id="post" name="post" required="required" title="post you are applying for" class="formfield3" />

    <option value=""> - - select - -</option>
    <option value="1">Mobile App Developer</option>
    <option value="2">DataBase Administrator</option>
    <option value="3">Search Engine Optimizer</option>
    <option value="4">Product Manager</option>
    <option value="5">HR Manager</option>

</select>

【讨论】：

+1 对我来说似乎是正确的。不知道为什么你被否决了。
+1，正确答案，developer.mozilla.org/en-US/docs/Web/HTML/Element/select 寻找必需的：“一个布尔属性，表示带有非空 字符串的选项值必须被选中。

【解决方案2】：

以下代码对我不起作用：

<select id="example1" name="example1" required="required" />
    <option value="0"> - - select - -</option>
    <option value="1">A</option>
    <option value="2">B</option>
</select>

以下代码对我有用：

<select id="example1" name="example1" required="required" />
    <option value=""> - - select - -</option>
    <option value="1">A</option>
    <option value="2">B</option>
</select>

value="" 与 value="0" 的区别

【讨论】：