Question

我想显示选择框选项，它只显示一个值并隐藏其余值。

<!DOCTYPE html>
<html>
<body>

<select>
  <option value="volvo" disabled>Volvo</option>
  <option value="saab">Saab</option>
  <option value="vw">VW</option>
  <option value="audi">Audi</option>
</select>

</body>
</html>

Answer 1

编写一个以display none作为样式的类，并将其应用于您不想显示的选项。

Answer 2

您可以使用<option>，

设置display:none样式

<select>
  <option value="volvo" >Volvo</option>
  <option style = "display: none" value="saab">Saab</option>
  <option value="vw">VW</option>
  <option value="audi">Audi</option>
</select>

隐藏选择框多个选项

2 个答案: