如何设置 HTML <select> 元素的默认值?

新手上路,请多包涵

I thought that adding a "value" attribute set on the <select> element below would cause the <option> containing my provided "value" to be selected by default :

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

但是,这并没有像我预期的那样起作用。如何设置默认选择哪个 <option> 元素?

原文由 Jichao 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 412
2 个回答

selected="selected" 设置为默认选项。

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

原文由 Borealid 发布,翻译遵循 CC BY-SA 4.0 许可协议

如果您想将默认文本作为一种占位符/提示但不被视为有效值(例如“在此处完成”、“选择您的国家”等等),您可以执行以下操作:

 <select>
  <option value="" selected disabled 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>

原文由 Aurelio 发布,翻译遵循 CC BY-SA 3.0 许可协议

推荐问题