如何从 <h:selectOneMenu> 的下拉列表中删除默认选项

Question

我正在开发一个 JSF 页面，该页面有一个基于 selectOneMenu

的下拉菜单

<h:selectOneMenu id="speciality_unit" value="#{editCdc.selectedUnit}">
    <f:selectItem itemValue="" itemLabel="Select Unit" />
    <f:selectItems value="#{editCdc.listOfUnit}" />
</h:selectOneMenu>

我在这里面临的问题是，每当我 select 这个下拉菜单时，它会在列表中显示默认选项以及其他项目。 IE。它显示 "Select Unit" 以及其他单位。我想从下拉列表中删除此 "Select Unit"。我该怎么做？

Answer 1

使用CSS隐藏它。

<h:selectOneMenu ... styleClass="hideFirstOption">

select.hideFirstOption option:first-child {
    display: none;
}