的客户端值

【问题标题】：Reading client-side value of <p:selectOneMenu/> in onchange callback在 onchange 回调中读取 <p:selectOneMenu/> 的客户端值
【发布时间】：2012-08-17 09:43:57
【问题描述】：

鉴于此：

<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）？似乎没有任何文档。

【问题讨论】：

标签： java javascript jsf-2 primefaces

【解决方案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>

似乎没有任何文档。

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

【讨论】：

谢谢。你是对的，因为我就是这样做的，并在提出问题后得出了相同的答案。不过，如果将其包含在 PrimeFaces 文档中将是很好。