如何将Select Menu的Label和Value存入Bean并填充至输入框

我明白你现在的需求——想让PrimeFaces的selectOneMenu选中后，把选项的itemLabel和itemValue同时存入tformBean，还自动填充到formid和formNameid这两个输入框里对吧？之前用Map没成功，现在只能存单个值，我给你两个最常用的可行方案：

方案一：使用自定义对象（推荐，规范易维护） #

这种方法是把下拉选项封装成一个自定义Java对象，直接绑定到下拉选单，选中后通过AJAX监听器把对象里的ID和Name分别赋值给Bean的对应属性。

步骤1：创建自定义选项对象 #

首先定义一个包含formId和formName的类，并重写toString()让下拉选单显示名称：

public class FormOption {
    private String formId;   // 对应下拉选项的itemValue
    private String formName; // 对应下拉选项的itemLabel

    // 构造器、Getter、Setter
    public FormOption(String formId, String formName) {
        this.formId = formId;
        this.formName = formName;
    }

    // 下拉选单会用这个方法显示选项文本
    @Override
    public String toString() {
        return formName;
    }

    // 省略Getter和Setter
}

步骤2：修改后台服务方法，返回自定义对象列表 #

把原来的getDistinctTformName()改成返回List<FormOption>，确保每个选项都包含ID和名称：

public List<FormOption> getDistinctTformOptions() {
    // 这里替换成你从数据库/数据源获取数据的逻辑
    List<FormOption> options = new ArrayList<>();
    options.add(new FormOption("FORM001", "用户注册表单"));
    options.add(new FormOption("FORM002", "发票提交表单"));
    return options;
}

步骤3：修改页面的下拉选单 #

绑定自定义对象，添加Converter（PrimeFaces需要它来转换页面和后台的对象），并通过AJAX监听器同步数据：

<div id="buttonID" style="display:block;">
    <p:selectOneMenu id="selectformName" value="#{tformBean.selectedFormOption}" converter="formOptionConverter">
        <f:selectItem itemLabel="Select Category.." itemValue="#{null}" />
        <f:selectItems value="#{tformServices.getDistinctTformOptions()}" 
                       var="form" itemLabel="#{form.formName}" itemValue="#{form}" />
        <p:ajax update="formNameid formid" partialSubmit="true" listener="#{tformBean.onFormSelected}" />
    </p:selectOneMenu>
    <br/>
    <!-- 你的其他按钮和输入框代码保持不变 -->
    <p:commandButton value="ADD DATA TO CATEGORY" process="formNameid" 
                     style="margin-right:20px;" styleClass="ui-priority-primary" 
                     onclick="hideshowAddCat();">
    </p:commandButton>
    <div class="ui-g-12 ui-lg-4" style="background:#f2f2f2;margin-top:15px;">
        <div class="card card-w-title">
            <label for="formid">FORM_ID<i class="fa fa-asterisk" style="color: red;"></i></label>
            <p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
                <p:inputText id="formid" placeholder="FORM_ID" value="#{tformBean.formID}" required="true" />
            </p:panelGrid>
        </div>
    </div>
    <div class="ui-g-12 ui-lg-4" style="background:#f2f2f2;margin-top:15px;">
        <div class="card card-w-title">
            <label for="formNameid">FORM_NAME<i class="fa fa-asterisk" style="color: red;"></i></label>
            <p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
                <p:inputText id="formNameid" placeholder="FORM_NAME" value="#{tformBean.formName}" required="true" />
            </p:panelGrid>
        </div>
    </div>
</div>

步骤4：修改Bean，添加监听器和Converter #

在tformBean里添加选中对象的属性，以及AJAX监听器来同步ID和名称：

@ManagedBean
@ViewScoped
public class TformBean {
    private FormOption selectedFormOption;
    private String formID;
    private String formName;

    // Getter和Setter省略

    // AJAX选中后的监听器方法
    public void onFormSelected(AjaxBehaviorEvent event) {
        if (selectedFormOption != null) {
            this.formID = selectedFormOption.getFormId();
            this.formName = selectedFormOption.getFormName();
        } else {
            // 清空输入框
            this.formID = "";
            this.formName = "";
        }
    }
}

然后创建一个Converter类，帮PrimeFaces把页面的对象转换回后台的FormOption：

@FacesConverter("formOptionConverter")
public class FormOptionConverter implements Converter {

    @Override
    public Object getAsObject(FacesContext context, UIComponent component, String value) {
        if (value == null || value.isEmpty()) {
            return null;
        }
        // 这里可以通过服务类根据formId查找对应的FormOption对象
        TformServices services = context.getApplication()
                .evaluateExpressionGet(context, "#{tformServices}", TformServices.class);
        return services.getFormOptionById(value); // 你需要实现这个方法，根据ID获取对象
    }

    @Override
    public String getAsString(FacesContext context, UIComponent component, Object value) {
        if (value == null || !(value instanceof FormOption)) {
            return "";
        }
        // 返回对象的唯一标识（比如formId）
        return ((FormOption) value).getFormId();
    }
}

方案二：直接通过下拉选单绑定获取Label（快速临时方案） #

如果不想自定义对象，可以直接绑定下拉选单到Bean，然后通过AJAX监听器从下拉组件中获取选中的Label：

修改页面和Bean #

页面里给下拉选单加binding属性：

<p:selectOneMenu id="selectformName" binding="#{selectMenu}" value="#{tformBean.formID}">
    <f:selectItem itemLabel="Select Category.." itemValue="" />
    <f:selectItems value="#{tformServices.getDistinctTformName()}" 
                   var="name" itemLabel="#{name}" itemValue="#{对应的formId}" />
    <p:ajax update="formNameid formid" partialSubmit="true" listener="#{tformBean.onFormSelected}" />
</p:selectOneMenu>

Bean里注入下拉组件，在监听器里获取Label：

@ManagedBean
@ViewScoped
public class TformBean {
    private String formID;
    private String formName;
    @ManagedProperty("#{selectMenu}")
    private HtmlSelectOneMenu selectMenu;

    // Getter和Setter省略

    public void onFormSelected(AjaxBehaviorEvent event) {
        // 获取选中选项的Label
        SelectItem selectedItem = (SelectItem) selectMenu.getSelectedItem();
        if (selectedItem != null) {
            this.formName = selectedItem.getLabel();
        }
    }
}

这种方法适合快速实现，但长期维护不如自定义对象方案清晰。

内容的提问来源于stack exchange，提问作者GOTBBST