Html下拉列表。根据下拉菜单更改Div

时间:2013-02-05 11:07:01

标签: html jsf-2

嘿,任何人都可以帮助我,我试图在屏幕上显示div,具体取决于我在下拉菜单中选择的内容

<------------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>

1 个答案:

答案 0 :(得分:0)

如评论中所述,您的代码看起来有点像这样:

...
    <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>
...

这将更新(通过ajax)现在panelGroup即您的“div”。它将取selectOneMenu的值并将其打印到div。

另见: