如何将 JSF SelectItem 的值作为参数放入 javaScript 方法？答案

【问题标题】：How to put values of JSF SelectItem as Parameter into a javaScript method?如何将 JSF SelectItem 的值作为参数放入 javaScript 方法？
【发布时间】：2014-01-28 16:23:01
【问题描述】：

我有这些 selectOneMenu 组件，现在我想在 js 方法中获取选定的值作为参数：

     <h:selectOneMenu id="onlyThis" value="#{bean.prio}"
        valueChangeListener="#{bean.prioChangeListener}" >
          <f:selectItems value="#{bean.prioSelectItems}" />
          <a4j:support event="onchange" ajaxSingle="true"                                           
               oncomplete="jsmethod(this.value).text;" /> 
     </h:selectOneMenu>

使用“this.value”，我只能将键“1”作为 selectItems 的整数，但我想获取值。以下是“bean.prioSelectItems”的单个 SelectItem 的示例：

new SelectItem(1, "SomeText");

我想获得值“SomeText”。

js方法“jsmethod”中如何只把这个值作为参数？

【问题讨论】：

浏览您的问题，提醒您必须将最符合您需求的答案标记为正确答案。单击它们左侧的复选标记，这样您将奖励海报。否则，考虑到您不标记甚至不评论它们，人们不会有兴趣帮助您...
如果您不了解@Xtreme，请查看meta.stackexchange.com/a/5235

标签： javascript jsf

【解决方案1】：

对于下拉菜单

<select id="onlyThis">
    <option id="one" value="one">One</option>
</select>

JavaScript 将返回

document.getElementById("one").value; //will return 'one'
document.getElementById("one").text; //will return 'One'

或者您可以通过父级访问所选选项

document.getElementById("onlyThis").options[document.getElementById("onlyThis").selectedIndex];

如果你明白了，那么解决方案将是：

oncomplete="jsmethod(this)"

与

function jsmethod(elem) {
    var selectedText = elem.options[elem.selectedIndex].text; //will equal to 'SomeText'
}

【讨论】：