需要在 Chrome 中进行下拉选择答案

【问题标题】：Requiring dropdown selection in Chrome需要在 Chrome 中进行下拉选择
【发布时间】：2014-12-10 21:40:55
【问题描述】：

在带有“禁用”选择的下拉表单元素上使用“必需”在 Firefox 中可以防止用户在未从下拉列表中选择某些内容的情况下提交表单，但在 Chrome 中则不行。你能帮忙吗？

<select id="topic" class="form-control" required="required">
      <option disabled selected>select genre</option>
      <option>All genres (whatever works)</option>
      <option>boogers</option>
      <option>cheese</option>
      <option>dumplings</option>
</select>

【问题讨论】：

标签： html google-chrome

【解决方案1】：

这可能有效

<option selected="true" disabled="disabled">select genre</option>

源代码：How to show disable HTML select option in by default?

【讨论】：

它在 chrome 中对我有用。我使用的是 37.0.2062.124 m-64bit 版本。我无法重新选择“选择流派”。
嗯。也许我提供的信息不完整。问题是，如果我在没有选择选项的情况下跳过它，它可以让我单击完整表单中的提交按钮并执行附加到提交的操作。在 Firefox 中，它告诉我必须先完成该字段。
我会为此使用一些客户端验证 (js) 和服务器端 (php)。也许 Firefox 会自动执行此操作。
是的，我正在使用 Meteor (javascript)，所以这就是我决定走的路线。谢谢。

【解决方案2】：

要使其正常工作，只需将value="" 添加到您的默认选项。这个答案提供了一些关于这个问题的 HTML5 文档。

Can I apply the required attribute to <select> fields in HTML5?

【讨论】：