隐藏select框多个选项

Question

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

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

写一个 class 以显示 none 为样式，并将其应用于您不需要显示的选项。

Answer 2

您可以使用 display:none、

设置 <option> 的样式

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

隐藏select框多个选项

Hide select box multiple options

html

html-select