Select Ticket type

残疾人在这种情况下不友好

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

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

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

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

如果您希望将默认文本作为占位符/提示，但不认为它是有效值（例如“此处完成”、“选择您的国家”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></选择>

你可以这样试试

  <select name="hall" id="hall">
      <option>1</option>
      <option>2</option>
      <option selected="selected">3</option>
      <option>4</option>
      <option>5</option>
    </select>

我认为最好的方法是：

<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遵从性很重要，则应遵循完整的语法。

设置selected=“selected”，其中选项值为3

请参见下面的示例

<option selected="selected" value="3" >3</option>