Пустой элемент по умолчанию в раскрывающемся списке f: selectItem

Я создаю выпадающее меню. Я использую такие атрибуты, как hideNoSelectionOption, noSelectionOption, itemLabel="" и itemValue="#{null}", чтобы иметь значение по умолчанию, которое является пустым значением и является первым элементом, отображаемым при загрузке страницы. Вместо этого, когда страница загружается, отображаемый элемент по умолчанию является последним элементом в списке. Одно исправление, которое у меня было, заключалось в том, чтобы помещать пустой элемент последним в список, но мне не нравится это исправление, поскольку я хочу, чтобы пустой элемент был первым в списке, а элемент по умолчанию отображался при загрузке страницы. Какие-либо предложения?

                 <tr class="contentRow">
                    <td><span> <h:selectOneMenu
                    styleClass="selectOneMenuLeft" id="menuProgramType" value="#{searchBean.selectedSearchType}"
                    onchange="javascript:displayDivs();" hideNoSelectionOption="true">
                    <f:selectItem noSelectionOption="true" itemLabel=""/>
                    <f:selectItem itemLabel="Item1"  />
                    <f:selectItem itemLabel="Item2" />
                    <f:selectItem itemLabel="Item3"  />
                    <f:selectItem itemLabel="Item4" />
                    </h:selectOneMenu></span></td>

                    <td><span> <h:selectOneMenu
                    styleClass="selectOneMenuLeft" id="menuSystemOfOriginType" value="#{searchBean.selectedSearchType}"
                    onchange="javascript:displayDivs();" hideNoSelectionOption="true" >
                    <f:selectItem itemLabel="" itemValue="#{null}"  noSelectionOption="true" />
                    <f:selectItem itemLabel="FirstItem"  />
                    <f:selectItem itemLabel="SecondItem" />
                    <f:selectItem itemLabel="LastItem"  />
                    </h:selectOneMenu></span></td>
                </tr>