使用javascript在下拉菜单中隐藏选项

Question

{{1}}

是否有一个javascript可以隐藏＆＃34; Any＆＃34;选项？

Answer 1

您只需在CSS中设置display: none即可。一种方法（假设任何具有空白值的内容应该被隐藏）是使用option[value='']作为选择器。

当然，如果你想动态地（在JS中）这样做，你必须有一些方法来定位元素。

Answer 2

我建议您使用hidden属性执行此操作。这里的文档：https://www.w3schools.com/tags/att_global_hidden.asp

＆＃13;

＆＃13;

<select class="bookly-select-mobile bookly-js-select-employee">
    <option hidden value="">Any</option>
    <option value="1">Brandon Davis</option>
    <option value="2">Ryan Floyd</option>    
</select>

＆＃13;

＆＃13;

＆＃13;