jsf - h:selectmanyListbox 使“选择”选项在至少选择一个选项时无法选择

Question

是否可以<h:selectManyListbox>在没有选择选项时选择“--choose--”等默认选项。When the some value is chosen, then it must be unselectable.

<h:selectManyListbox value="#{bean.value}"
        class="form-control">
        <f:selectItems value="#{bean.dropdownValues}" var="value" itemLabel="#{value}" itemValue="#{value}"/>            
</h:selectManyListbox>

Answer 1

只需将其添加为另一个<f:selectItem>，并在更改事件期间选择任何值时请求一些 JavaScript 的帮助以禁用它。

<h:selectManyListbox ... onchange="options[0].disabled=!!value">
    <f:selectItem itemLabel="--choose--" itemValue="#{null}" />
    <f:selectItems ... />
</h:selectManyListbox>

options[0]指的是选择元素的第一个选项。!!value基本上将所选项目值转换为适用于属性的（当它不为空/空时）boolean。truedisabled

也可以看看：

• 在 JSF 中向 selectOneMenu 添加“未选择”选项的最佳方法