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

选择表示它将是默认值，然后禁用会停止单击它。

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>

Answer 2

禁用“请选择”选项。这样，该选项最初会被选中，但不能再次选择。

<select onchange="this.form.submit()">
    <option 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>

Answer 3

你走了:)）

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

选择带有“请选择”消息的选项标签

3 个答案: