选择带有"请选择"消息的选项标签

Question

我想要一个下拉列表,说出以下选项.如果没有选择任何选项,我想要一个请选择信息.我已通过以下代码实现了它.选择一个选项时,将提交表单.但问题是当我导航回页面并选择第一个选项,即 - 请选择 - 时,我的表单也会提交给该选项.是否有任何解决方案,以便我可以在没有选择选项时显示--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">

选中表示它将是默认值,然后禁用它会停止单击它.

演示

<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>