html - 将默认值设置为 HTML 下拉列表

Question

我在 html 中创建了一个下拉菜单。我有一个重置按钮，可以将所有值重置为空。但是单击此按钮时，我需要将下拉菜单重置为我在该字段中提供的第一个值。

请帮忙...
下拉菜单的代码如下。

    <select name="abc" id="abc">
      <option value="one">One
      <option value="two">Two
    </select>

但是在单击“重置”时，下拉列表中出现空白，我必须再次选择“一”或“二”。
相反，我希望它自动设置为值“一”。

Answer 1

您可以使用添加属性 selected到您想要默认的选项，如下所示:

<select name="abc" id="abc">
  <option value="one">One</option>
  <option value="two" selected>Two</option>
</select>

或添加 selected="selected" :

<select name="abc" id="abc">
      <option value="one" selected="selected">One</option>
      <option value="two">Two</option>
    </select>