如何从 <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>

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

Answer 1

使用 CSS 隐藏它。

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

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