我可以动态隐藏一些下拉列表选项吗？

Question

我有一个包含3个项目的下拉列表：

label  value
"item 1"  1
"item 2"  2
"item 3"  3

根据另一个下拉列表的选择，我需要显示2和3或只需1。

是否可以只使用一个下拉列表，或者我应该使用其中的两个，然后以某种方式隐藏/显示其中一个？

Answer 1

是的，就像任何其他DOM元素一样，您可以为每个选项提供ID然后切换它的外观，您可能希望在由事件触发的某个功能中执行此操作...

<select name="selection">
   <option value="1">1</option>
   <option value="2" id="hid">2</option>
</select>
<script>
    document.getElementById("hid").style.display = "none";
</script>