如何使用javascript显示/隐藏JSF panelGroup？

Question

我想显示/隐藏一个panelGroup，具体取决于selectOneMenu中选择的选项。

这是我的代码：

new.jsp

        <h:form id="formPregunta">
            <h:outputText value="Selecciona un tipo de pregunta"/>
            <h:selectOneMenu onchange="tipoSeleccionadoOnChange(this)" id="tipoSeleccionado" value="#{seleccionaTipoPreguntaBean.tipos}">
                <f:selectItems value="#{seleccionaTipoPreguntaBean.tiposValue}" />
            </h:selectOneMenu>
            <br />

            <h:panelGroup id="prueba" style="display: none">
                <h:outputText value="Enunciado "/>
                <h:inputText value=""/><br />
                <h:outputText  value="Sentencias"/>
                <h:inputText value=""/>
                <h:commandButton value=""/>
            </h:panelGroup>

        </h:form>

这是我的js脚本，但不起作用。

function tipoSeleccionadoOnChange(sel) {
      if (sel.value=="2"){
           divC = document.getElementById("prueba");
           divC.style.display = "";


      }else{

           divC = document.getElementById("prueba");
           divC.style.display="none";

      }
}

Answer 1

使用rendered中的h:panelGroup属性。