Jsf

Front-end
#1

Tenho o seguinte form:

 <h:form styleClass="form-horizontal">
                            <fieldset>
                                <legend>Entar em contato</legend>
                                
                                <div class="control-group">
                                    <h:outputLabel styleClass="control-label" value="Assunto"/>
                                    <div class="form-inline controls">
                                        <p:selectOneMenu value="#{contatoController.contato.assuntoContato}">
                                            <f:selectItems value="#{contatoController.tipoContato}"/>
                                        </p:selectOneMenu>
                                    </div>
                                </div>
                                
                                <div class="control-group">
                                    <h:outputLabel styleClass="control-label" value="Qual?"/>
                                    <div class="controls">
                                        <p:inputText value="#{contatoController.contato.tipoContanto}" />
                                    </div>
                                </div>
                                
                                <div class="control-group">
                                    <h:outputLabel styleClass="control-label" value="Email"/>
                                    <div class="controls">
                                        <p:inputText value="#{contatoController.contato.email}" required="true"/>
                                    </div>
                                </div>
                                
                                <div class="control-group">
                                    <h:outputLabel styleClass="control-label" value="Descrição"/>
                                    <div class="controls">
                                        <p:inputTextarea rows="10" styleClass="input input-xlarge" value="#{contatoController.contato.texto}" required="true" />
                                    </div>
                                </div>
                                
                                <div class="form-actions">
                                    <p:commandButton type="submit" value="Enviar" styleClass="btn btn-primary"/>
                                    <p:commandButton type="reset" value="Limpar" styleClass="btn" style="margin-left: 10px;"/>
                                </div>
                            </fieldset>
                        </h:form>

Quero que quando o usuario selecione determinada opção no p:selectOneMenu o div que esta apareça, e como ocultalo antes de ta opção estiver selecionada este div :

 <div class="control-group">
                                    <h:outputLabel styleClass="control-label" value="Qual?"/>
                                    <div class="controls">
                                        <p:inputText value="#{contatoController.contato.tipoContanto}" />
                                    </div>
                                </div>

obrigado pela ajuda

#2

Você terá que utilizar ajax. Aqui mostra como fazer: JSF Exemplos Simples com Ajax

A única diferença é que você terá que utilizar p:ajax ao invés do f:ajax.

#3

fiz assim


 <h:form styleClass="form-horizontal">
                            <fieldset>
                                <legend>Entar em contato</legend>
                                
                                <div class="control-group">
                                    <h:outputLabel styleClass="control-label" value="Assunto"/>
                                    <div class="form-inline controls">
                                        <p:selectOneMenu id="cpAssunto" value="#{contatoController.contato.assuntoContato}">
                                            <f:ajax rendered="assuntoExtra" execute="cpAssunto" />
                                            <f:selectItems value="#{contatoController.tipoContato}"/>
                                        </p:selectOneMenu>
                                    </div>
                                </div>
                                
                                <div class="control-group" id="assuntoExtra">
                                    <h:outputLabel styleClass="control-label" value="Qual?" rendered="#{contatoController.apareceCampoAssuntoExtra()}"/>
                                    <div class="controls">
                                        <p:inputText value="#{contatoController.contato.tipoContanto}" rendered="#{contatoController.apareceCampoAssuntoExtra()}" />
                                    </div>
                                </div>
                                
                                <div class="control-group">
                                    <h:outputLabel styleClass="control-label" value="Email"/>
                                    <div class="controls">
                                        <p:inputText value="#{contatoController.contato.email}" required="true"/>
                                    </div>
                                </div>
                                
                                <div class="control-group">
                                    <h:outputLabel styleClass="control-label" value="Descrição"/>
                                    <div class="controls">
                                        <p:inputTextarea rows="10" styleClass="input input-xlarge" value="#{contatoController.contato.texto}" required="true" />
                                    </div>
                                </div>
                                
                                <div class="form-actions">
                                    <p:commandButton type="submit" value="Enviar" styleClass="btn btn-primary"/>
                                    <p:commandButton type="reset" value="Limpar" styleClass="btn" style="margin-left: 10px;"/>
                                </div>
                            </fieldset>
                        </h:form>

so que o que foi selecionado mo selectOneMenu naum cai no bean, alguem sabe porque obrigado

#4