html根据javascript中的值选择标签答案

【问题标题】：html select label based on value in java scripthtml根据javascript中的值选择标签
【发布时间】：2010-01-21 10:55:55
【问题描述】：

我可以根据选项值获取html选择选项标签

<select id="xx">
  <option value="i_Have_value">I Need This Label</option>
  <option value="i_Have_value2">I Need This Label2</option>
</select>

通过在单一表单中使用 jsf selectOneMenu 和 rich:comboBox，我落到了这种需求中。

【问题讨论】：

标签： javascript html jsf

【解决方案1】：

通过使用 jsf selectOneMenu 和 rich:comboBox 的单一形式

JSF 是一个基于服务器端组件的 MVC 框架，它生成 HTML。 JavaScript 是一种客户端脚本语言，只有可以访问 HTML DOM 树。

因此，在为 JSF Web 应用程序编写 JavaScript 代码时，您不应查看 JSF 源代码，而应查看其生成的 HTML 输出（在浏览器中打开页面，右键单击并查看源代码）。

您会注意到，生成的 HTML 元素 ID 实际上是在 JSF UINamingContainer 组件的 HTML 元素 ID 前面添加的（例如 UIForm、UIData）。因此，您的下拉元素的实际 HTML 元素ID 可能是"formId:dropdownId"。您需要在 JavaScript 中准确使用该 ID。

以后在 StackOverflow 中发布此类问题时，请在 JSF 上下文中讨论，而不是在 HTML 上下文中讨论，当然只要您不了解 JSF 的底层工作原理。这样，您也将有更多机会让其他人发布更多适合 JSF 的答案和建议，这样您就无需使用 JavaScript 对其进行低级“破解”。即通常不需要这样做。

祝你好运。

【讨论】：