如何在HTML中设置select的默认值？

Question

我在 html 中制作了一个 select，看起来像这样 <select name='select' id='select'><option value='val1'>Val1</option><option value='val2'>Val2</option></select>。有没有办法将 select 的默认值设置为“选择一个值”之类的东西？不是选项，只是 select.

的文本

Answer 1

您可以在选项中使用 selected 属性来 select 默认响应。如果您添加选项 disabled 和 hidden 那么这将是一个无效选项。

<select name='select' id='select'>
    <option value='val1' selected disabled hidden>Choose option</option>
    <option value='val1'>Val1</option>
    <option value='val2'>Val2</option>
</select>

Answer 2

为什么不只是有另一个没有值的选项并给它选择选项？

 <select name='select' id='select'>
      <option value='val1'>Val1</option>
      <option value='val2'>Val2</option>
      <option value='' selected>Choose Value</option>
 </select>

然后在您的 php 或任何服务器端测试以确保您不接受空值，或者如果值为空则使用 js 不允许表单提交？

如何在HTML中设置select的默认值？

How to set default value of select in HTML?

html

html-select