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（当它不为空/null 时为true），适用于disabled 属性。

另见：

• Best way to add a "nothing selected" option to a selectOneMenu in JSF