javascript - JSF/PrimeFaces 客户端输入操作

Question

我有一个 JSF/PrimeFaces 页面，其中 a<p:selectOneMenu>具有从托管 bean 中的值填充的项目。它的项目实际上是用简单语句描述的示例查询，以帮助用户评估系统。

<p:selectOneMenu id="sampleQueryInput">
    <f:selectItems value="#{bean.sampleQueries}" var="sampleQuery" itemLabel="#{sampleQuery.title}" itemValue="#{sampleQuery.query}" />
</p:selectOneMenu>

当用户sampleQuery.query从. 文本区域包含要发送的实际查询，最终用户应该可以编辑。我没有在 PrimeFaces 用户指南中找到有关客户端 API 的足够信息，而且我不知道我应该使用 PF 客户端 API 还是编写自己的 javascript 来处理它。我怎样才能做到这一点？我正在使用 PrimeFaces 3.3.1。<p:inputTextarea><p:selectOneMenu>

Answer 1

onchange在你的中尝试这样的事情p:selectOneMenu（写一个简单的js函数并调用它）

var selectedVal = jQuery("[id$='sampleQueryInput']").find("select").val();
jQuery("#IdOfInputTextarea").text(selectedVal);//maybe it should be jQuery("#IdOfInputTextarea").val(selectedVal); , not sure

Answer 2

采用 ：

<p:selectOneMenu id="sampleQueryInput" onchange="callJavaScriptFunction()">

在callJavaScriptFunction您可以通过它的 ID 获取所选项目，sampleQueryInput并将值放入inputTextarea.