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

Question

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

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

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

Answer 1

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

将style属性添加到DropDownListas 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="..." ...>