javascript - onselect 为 h :selectManyListbox doesn't work

Question

我有以下代码:

<script type="text/javascript">
  //<![CDATA[ 
  function editSelected(selBox)
  {
    var htmlstring = selBox.options[selBox.selectedIndex].text;
    alert(htmlstring);
  }
  //]]>
</script>
...
<h:selectManyListbox
  id="titles"
  value="#{detailModel.selectedTitles}"
  size="5"
  disabled="#{detailModel.mode == detailModel.viewMode}"
  onselect="editSelected(document.getElementById('detailForm:titles'))">

  <f:selectItems
    value="#{detailModel.getCollectionAsSortableMetadataStringList(detailModel.afterObject.metadata.getTitles())}"
    var="title"
    itemLabel="#{title.value}"
    itemValue="#{title.position}"/>
</h:selectManyListbox>

使用onselect，当我点击select 的一个选项时，没有任何反应。使用 onclick 我得到了预期的行为(带有选定文本的 fenster)。

我是漏掉了什么还是做错了什么？

Answer 1

这可能是 JSF 规范中的疏忽。 select <select> 上不 支持事件元素。另见 HTML DOM level 2 specification chapter 1.6.5

select

The select event occurs when a user selects some text in a text field. This event is valid for INPUT and TEXTAREA elements.

请注意，它没有提到 SELECT 元素。我已将其报告为 spec issue 1113 .