f:selectItem 下拉列表中的默认空白项答案

【问题标题】：Default Blank Item in f:selectItem dropdown listf:selectItem 下拉列表中的默认空白项
【发布时间】：2015-08-04 19:33:59
【问题描述】：

我正在创建一个下拉菜单。我正在使用 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>

【问题讨论】：

除了下面的答案：hideNoSelectionOption="true"和<f:selectItem noSelectionOption="true" … />之间是不是有矛盾

标签： jsf selectonemenu

【解决方案1】：

您的所有商品都没有价值。因此，您的所有项目都匹配“空白”案例。客户端将显示最后一个为选中状态。

给项目一个合理的价值。如果您打算将标签用作值，那么就这样做。

<f:selectItem itemValue="Item1" />
<f:selectItem itemValue="Item2" />
<f:selectItem itemValue="Item3" />
<f:selectItem itemValue="Item4" />

即，当未指定时，项目标签将默认为项目值。

另见：

Our selectOneMenu wiki page

与具体问题无关，javascript: 伪协议是不必要的。这是自 1998 年 HTML4 以来的默认设置。

【讨论】：