html - 选择带有 "Please select"消息的选项标签

Question

我想要一个包含以下选项的下拉列表，并在未选择任何选项时显示请选择。我已经使用下面的代码实现了它，并且当按预期选择了一个选项时提交了表单。

问题是当我导航回该页面并选择第一个选项即 --Please Select-- 时，我的表单也会针对该选项提交。有什么方法可以在未选择任何选项时显示 --Please Select-- 选项，并防止为该特定 --Please Select-- 选项提交表单？

<select onchange="this.form.submit()">
    <option>--Please Select--</option>
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
</select>

Answer 1

您可以使用 <option selected="selected" disabled="true">

选中意味着它将是默认的，然后禁用停止它被点击。

Demo

<select onchange="this.form.submit()">
  <option selected="selected" disabled="true">--Please Select --</option>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>