Javascript 如何使下拉列表不可选择？

如何使

下拉列表不可选择

这与使用禁用的

不同。我只想使下拉列表选项不可选择，并以不同的（非活动）样式类显示

我怎样才能做到这一点？通过JSF组件属性或CSS或JavaScript？
如果我理解正确，您所需要做的就是使用
禁用的
属性

因此，如果您有如下选择标记：

<select>
  <option>Value</option>
  <option>Value</option>
  <option>Value</option>
</select>


价值
价值
价值

只需将其更改为：

<select disabled>
  <option>Value</option>
  <option>Value</option>
  <option>Value</option>
</select>


价值
价值
价值

有些doctype要求所有属性都有值才能有效。在这种情况下，您可以只使用
disabled=“true”
。
根据，有些浏览器允许更改禁用组件（非IE）的样式，有些则不允许（IE）。然而，答案是3年——对于浏览器来说，这是很长的一段时间。因此，您可以尝试以下解决方案：

<h:selectOneMenu disabled="true" style="..." ...>



将
style
属性添加到
DropDownList
作为
style=“指针事件：无；光标：默认值；”
。这会成功的，我已经试过了。
你说的“不可更改/不可选择”是什么意思？单击它时不会发生任何事情（无下拉列表），或者选择值不会让它显示，或者提交时没有任何效果？@Mulmoth“不可更改/不可选择”表示单击它时不会发生任何事情（无下拉列表）。则禁用的属性是唯一选项。如果doctype需要值，它不应该是
disabled=“disabled”
吗？使用jQuery:$（'#DropdownID'）.css（{“指针事件”：“无”，“光标”：“默认”}）；
<h:selectOneMenu readonly="true" style="..." ...>

<asp:DropDownList ID="ddlName" runat="server" style="pointer-events: none; cursor: default;">
</asp:DropDownList>