如何使用javascript顯示/隱藏JSF panelGroup？

Question

我想根據selectOneMenu中選擇的選項顯示/隱藏panelGroup。

這是我的代碼：

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。