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

Question

How can I make the <h:selectOneMenu> dropdown list unselectable?

It is not like using disabled . I just want to make the dropdown list options unselectable and to appear with a different (inactive) style class.

How can I achieve this? By a JSF component attribute or CSS or JavaScript?

Answer 1

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

Add style attribute to DropDownList as style="pointer-events: none; cursor: default;" . This will work succesfully, I have tried this.

Answer 2

If I understand you correctly, all you need to do is use the disabled attribute.

So, if you have a select tag like this:

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

Simply change it to this:

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

Some doctypes require all attributes to have values, in order to be valid. In that case, you can just use disabled="true" instead.

Answer 3

According to this answer , some browsers allow to change the style of disabled components (non-IE), some not (IE). However, the answer is 3 years old - a long time for browsers. So you could try a solution like:

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

... and check the result with different browsers.

Or alternatively use the readonly attribute:

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