Javascript 如何在下拉列表中具有隐藏选项？

如何在下拉列表中隐藏选项，以便用户无法看到它。 代码如下：

<html:select property="stutype" style="text-transform: uppercase;background-color: #A5A5A5;" styleId="stutype" >
    <html:option value="ABC">ABC</html:option>
    <html:option value="DEF">DEF</html:option>
    <html:option value="XYZ"></html:option>
</html:select> 

基础知识
DEF

---

用户不能在下拉列表中看到下拉列表XYZ选项。主要是应该隐藏。这是因为在后端，我正在将其中一个选项更改为该值并继续。请提供帮助。提前感谢。

一个简单的解决方案是设置

hidden

属性。对于特定选项

<html:select property="stutype" style="text-transform: uppercase;background-color: #A5A5A5;"styleId="stutype" >
                    <html:option value="ABC">ABC</html:option>
                    <html:option value="DEF">DEF</html:option>
                    <html:option hidden value="XYZ"></html:option>
</html:select> 

基础知识
DEF

我不明白为什么你需要一个隐藏选项，而不是一开始就没有这个选项？无论如何，将

hidden

属性添加到选项中。我想您可以使用style应用可见性逻辑，特别是带有“none”值的display属性。更好的是，使用类。我尝试了这个选项。但它不起作用…在这种情况下，使用像这样隐藏的选项DEFHi..这个有效..谢谢