在表单中，文本框、文本区域、单选按钮等组件应根据下拉列表中选择的内容显示

Question

我有一个表单，其中第一个组件是一个下拉列表。下面的组件，如文本框、文本区域、单选按钮、复选框等必须根据下拉列表中选择的内容显示。？

如何在 JSF 中使用 primefaces 实现这一点？ 还有什么我必须实现这一目标的替代方法？

Answer 1

考虑你的形式如下：

    <f:form> 
        <h:panelGroup layout="block">   
        <h:selectOneMenu id="dropdownValue" label="#{resourceBundleLabels.countryLabel}"    value="#{bean.value}">  
            <f:selectItems value="#{XYZ)}"  var="variable" itemLabel="#{variable.decode}"   itemValue="#{variable.code}"/>  
            <f:ajax event="valueChange" execute="@this" render="updateSection"> 
            </f:ajax> 
        </h:selectOneMenu> 
        </h:panelGroup> 
        <h:panelGroup layout="block" id="updateSection"> 
        <h:inputText id="textValue" value="#{bean.textValue}" rendered="#{bean.value eq 'A'}"> <h:inputText> 
        </h:panelGroup> 
    </f:form>

在这种形式中，假设有一个 id="dropdownValue" 的下拉菜单。如果在该 dropdwon 中选择了“A”，那么我们只需显示 id="textValue" 的 inputText。因此，通过上面的示例，您可以在代码中实现相同的功能。