如果处于react状态，则可以使用defaultValue作为属性，而不是select标记中的值。

缺少标记的value属性，因此它不会显示为所需的选定项。默认情况下，如果在标签上设置了value属性，则在下拉页面加载时显示第一个选项。。。。我这样解决了我的问题

如果您希望将默认文本作为占位符/提示，但不认为它是有效值（例如“此处完成”、“选择您的国家”ecc），您可以执行以下操作：

<选择><option value=“”selected disabled hidden>选择此处</option><option value=“1”>一个</option><option value=“2”>两个</option><option value=“3”>三个</option><option value=“4”>四个</option><option value=“5”>五个</option></选择>

我遇到了这个问题，但这个被接受的、高度支持的答案对我来说不起作用。事实证明，如果你使用的是React，那么设置selected就不起作用了。

相反，您必须直接在＜select＞标记中设置一个值，如下所示：

<select value="B">
  <option value="A">Apple</option>
  <option value="B">Banana</option>
  <option value="C">Cranberry</option>
</select>

在React页面上阅读更多关于原因的信息。

我认为最好的方法是：

<select>
   <option value="" selected="selected" hidden="hidden">Choose here</option>
   <option value="1">One</option>
   <option value="2">Two</option>
   <option value="3">Three</option>
   <option value="4">Four</option>
   <option value="5">Five</option>
</select>

为什么不禁用？

当您将禁用属性与＜button type=“reset”＞一起使用时，重置＜/button＞值不会重置为原始占位符。相反，浏览器选择第一个未禁用选项，这可能会导致用户错误。

默认空值

每个生产表单都有验证，那么空值应该不是问题。这样我们可能会有空的不需要的选择。

XHTML语法属性

selected=“selected”语法是兼容XHTML和HTML5的唯一方法。这是正确的XML语法，一些编辑可能对此感到高兴。它更向后兼容。如果XML遵从性很重要，则应遵循完整的语法。

我只需将第一个选择选项值设置为默认值，然后使用HTML5的新“隐藏”功能将该值隐藏在下拉列表中。这样地：

   <select name="" id="">
     <option hidden value="default">Select An Option</option>
     <option value="1">One</option>
     <option value="2">Two</option>
     <option value="3">Three</option>
     <option value="4">Four</option>
   </select>