Question

这是我简单的HTML选择程序，默认情况下它的显示值为沃尔沃（第一个值）有可能，不显示任何值，让用户选择??

<!DOCTYPE html>
<html>
<body>

<form action="demo_form.asp">
<select name="cars">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
<input type="submit">
</form>

</body>
</html>

Answer 1

这很简单。只需添加一个空白选项：

<form action="demo_form.asp">
<select name="cars">
  <option></option>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
<input type="submit">
</form>

Answer 2

在第一个位置添加空白选项。请务必为其提供一个值，然后您可以在提交处理程序中检查该值。编辑：或者只使用selectedIndex 即

if(document.getElementById("select1").selectedIndex != 0){
  form1.submit();
  }
else {alert("Please select a value!");}

验证他们选择了什么。

<form name="form1" id="form1" action="demo_form.asp">
<select id="select1"name="cars">
<option value="none"></option>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
<input type="submit">
</form>

Answer 3

有两种方法：

1）禁用第一项：

<select name="cars">
  <option value="" disabled>[Select an item]</option>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

2）按照建议，将第一个项目设为空。

<select name="cars">
  <option value=""></option>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

Answer 4

创建一个div（我称之为“noShow”），

<div class="noShow">
    <form action="demo_form.asp">
    <select name="cars">
      <option value="volvo">Volvo</option>
      <option value="saab">Saab</option>
      <option value="opel">Opel</option>
      <option value="audi">Audi</option>
    </select>
    <input type="submit">
    </form>
</div>    <!--  end noShow DIV

然后，使用样式表（CSS），将其应用于汽车

.noShow option:first-child{
display:none;

试试，祝你好运

Answer 5

没有“干净”的方式来做你要求的事情 - HTML select将始终显示其中一个值。

但是，您可以选择“未选择”选项：

<option value=''>--Not Selected--</option>

但是您还必须进行一些验证以确保用户实际选择了有效值。这是一个针对不同问题的主题。：）

Answer 6

最简单的方法是做这样的事情，如果你还想提供一些信息：

<form action="demo_form.asp">
<select name="cars">
  <option value="default">Pick Something!</option>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
<input type="submit">
</form>

如何避免在HTML Select标记内显示第一个值

6 个答案: