1

我想要一个包含以下选项的下拉列表。当没有选择任何选项时，我想要一个请选择信息。我已经通过下面的代码实现了它。选择一个选项时提交表单。但问题是当我导航回页面并选择第一个选项即--请选择--时，我的表单也被提交给该选项。有什么解决方案，这样我就可以在没有选择任何选项时显示一个 --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>
4

4 回答 4

5

您可以使用<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>
于 2013-01-23T17:19:58.520 回答
1

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

<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>
于 2013-01-23T17:20:12.340 回答
1

干得好：）

<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>
于 2013-01-23T17:21:47.777 回答
1

你可以用javascript来做。 

<select onchange="if (this.selectedIndex !=0) { 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>

因为这是一个 php，您可能会动态生成您的选择选项，因此您可能需要稍微更改代码。

于 2013-01-23T17:32:15.473 回答