如何使下拉列表无法选择？

Question

如何使<h:selectOneMenu>下拉列表无法选择？

与使用disabled不同。我只是想让下拉列表选项无法选择，并以不同的（非活动）样式类出现。

我怎样才能做到这一点？通过JSF组件属性或CSS或JavaScript？

Answer 1

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

将style属性添加到DropDownList style="pointer-events: none; cursor: default;"。这将成功地工作，我已经尝试过了。

Answer 2

如果我理解正确，您只需使用disabled属性。

所以，如果你有一个像这样的选择标签：

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

只需将其更改为：

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

某些文档类型要求所有属性都具有值，以便有效。在这种情况下，您只需使用disabled="true"。

Answer 3

根据this answer，某些浏览器允许更改已禁用组件（非IE）的样式，有些则不允许（IE）。但是，答案是3年 - 浏览器需要很长时间。所以你可以试试像这样的解决方案：

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

...并使用不同的浏览器检查结果。

或者使用readonly属性：

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