2

これを考えると：

<p:selectOneMenu value="#{myBean.selection}" onchange="handleChange();">
    <f:selectItem itemLabel="foo" itemValue="0"/>
    <f:selectItem itemLabel="bar" itemValue="1"/>
</p:selectOneMenu>

<script type="text/javascript">
    function handleChange() {
        // Do something here...
    }
</script>

関数で適切なアクション (div の表示/非表示など) を実行できるように、JavaScript で選択されたアイテムを検出するにはどうすればよいhandleChange()ですか? これに関するドキュメントはないようです。

4

1 に答える 1

9

選択した値は、で使用できるHTMLDOMイベント属性にありますthis.value。

<p:selectOneMenu value="#{myBean.selection}" onchange="handleChange(this.value)">
    <f:selectItem itemLabel="foo" itemValue="0"/>
    <f:selectItem itemLabel="bar" itemValue="1"/>
</p:selectOneMenu>

<script type="text/javascript">
    function handleChange(selection) {
        // Do something here with selection...
    }
</script>

これに関するドキュメントはないようです。

これはJSFに固有のものではなく、一般にHTML / JSに固有のものであるため、クライアント側でJSFによって生成されたHTML出力を確認し、いくつかの基本的なHTML/JSを理解することで答えを見つける必要があります。

于 2012-08-22T01:29:46.727 に答える