Home/ Questions/Q 9242683
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-18T08:37:53+00:00

Hey can anyone help me out i am trying to display a div on

  • 0

Hey can anyone help me out i am trying to display a div on screen depending on what i select on a drop-down menu

<------------DropdownDiv---------->

    <div id="recordActivityDropdownDiv" style="padding: 5px">
        <h:selectOneMenu id="recordActivityDropdown" style="width:200px;" value="">
            <f:selectItem itemLabel="Email" itemValue="1"/>
            <f:selectItem itemLabel="Letter" itemValue="2"/>                                
        </h:selectOneMenu>  
    </div>

<------------Display this is letter is selected in dropdown menu Div---------->

    <div style="height:100%; width:99%; float:left">
        <div style="padding-top: 15px; padding-left: 5px; width: 20%; float: left;">
        letter:
        </div>
        <div style="height:100%; width:77%; float:left">
            <div style="padding: 5px; float:left;">
                <h:inputText id="letterbox" style="width:200px" value="" />
        </div>              
    </div>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    As noted in the comments, your code would look a bit like this :

    ...
    <h:selectOneMenu value="#{bean.selectValue} id="recordActivityDropdown" style="width:200px;" value="">
        <f:selectItem itemLabel="Email" itemValue="1"/>
        <f:selectItem itemLabel="Letter" itemValue="2"/>
        <f:ajax listener="#{bean.valueChanged}" update="myGroup" />                                
    </h:selectOneMenu>  
...

...
<h:panelGroup id="myGroup" style="height:100%; width:99%; float:left">
    <div style="padding-top: 15px; padding-left: 5px; width: 20%; float: left;">
        letter: <h:outputText value="#{bean.selectValue}" />
    </div>
    ...              
</h:panelGroup>
...

    This will update (via ajax) the now panelGroup that is your “div”. It will take the value of the selectOneMenu and print it to the div.

    See also :

    • 0