如何在Javascript中获取SelectItem描述

我有一个selectItem，它包含标签、值和描述

  SelectItem item1 = new SelectItem();
    item1.setLabel("Code1");
    item1.setValue("Code1");
    item1.setDescription("This is the place to display actual Long discription for Code1");

我想在jsf页面中将描述值显示为悬停文本

var oprions  = document.getElementsByTagName("option");
  for (var optIndex in oprions){
      options[optIndex].title = options[optIndex].description;
      alert("value is : " + options[optIndex].title);
  }

我已经像上面那样尝试过了，但是我得到了“未定义”，如果我放置文本而不是描述，我得到的是标签值。但我想显示描述。

---

请帮我检查生成的html。如果您试图在p:selectOneMenu或其他用于选择的元素中使用它，您可以使用以下内容：

<p:selectOneMenu>
  <f:selectItem value="#{seedvarManagedBean.item1}" />
</p:selectOneMenu>

由此产生：

<div id="seedvar_form:j_idt15_panel" class="ui-selectonemenu-panel ui-widget-content ui-corner-all ui-helper-hidden ui-shadow" style="width: 225px; z-index: 1003; display: block; top: 409.078125px; left: 412.59375px;">
  <div class="ui-selectonemenu-items-wrapper" style="height:auto">
    <ul class="ui-selectonemenu-items ui-selectonemenu-list ui-widget-content ui-widget ui-corner-all ui-helper-reset">
      <li class="ui-selectonemenu-item ui-selectonemenu-list-item ui-corner-all ui-state-highlight" data-label="Code1" title="This is the place to display actual Long discription for Code1">Code1</li>
    </ul>
  </div>
</div>

你可以从li元素那里得到你想要的。为我的英语学习

如果您有纯html select元素，请检查输入错误。您已经定义了变量操作，但在循环中尝试使用选项