Chrome中所需的Bootstrap下拉列表无法使用空值

Question

我目前正在使用下拉菜单，该菜单需要从列表中选择一个国家/地区。问题是代码在FF中正常工作（第二个选项是空值并不意味着所需的步骤已经完成）而chrome只是忽略了问题并认为空值是正确的。

以下是代码：

<select class="form-control" name="Country" required>
    <option selected value="">Choose Your Country</option>
    <option value=""></option>
    <option value="country1">Country1</option>
    <option value="country2">Country2</option>
    etc

任何想法这里有什么问题？谢谢！

Answer 1

您的空value=""是否应该在默认标签上（选择您的国家/地区）？

<select class="form-control" name="Country" required> <option value="">Choose Your Country</option> <option disabled value=""></option> <option value="country1">Country1</option> <option value="country2">Country2</option> </select>