java - 读取 in onchange callback 的客户端值

Question

鉴于此:

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

如何在 JavaScript 中检测所选项目，以便我可以在 handleChange() 函数中采取适当的操作(例如显示/隐藏 div)？似乎没有这方面的任何文档。

Answer 1

所选值位于 this.value 可用的 HTML DOM 事件属性中。

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

---

There doesn't appear to be any documentation for this.

这不是 JSF 特有的，而是一般的 HTML/JS，因此应该通过在客户端查看 JSF 生成的 HTML 输出并了解一些基本的 HTML/JS 来找到答案。