使用 jquery 更改 h:outputtext 的值答案

【问题标题】：change value of h:outputtext using jquery使用 jquery 更改 h:outputtext 的值
【发布时间】：2011-08-08 09:54:46
【问题描述】：

我有一个组件 OutputText ，我想使用 jquery 更改它的值，

我的组件是，

<h:outputText id="txt_pay_days"  value="0" 
    binding="#{Attendance_Calculation.txt_pay_days}"/>

感谢您的帮助...

【问题讨论】：

【解决方案1】：

<h:outputText> 将在原始 HTML 中转换为 <span> 所以，

使用 DOM 的 id 并使用 jQuery

${"#txt_pay_days"}.text("New Value To Set");

【讨论】：

没必要这会起作用：看起来这个问题是关于 asp .net 的，然后 id 可以由编译器更改，结果 id 可能类似于 ctl00_MainContent_SubmitButton
@VikciaR 问题是关于 JSF，<h:outputText> 是 JSF 的组件
您将<h:outputText> 与<h:inputText> 混淆了。
OP 询问了<h:outputText>。
@BalusC 我仍然会编辑它，但我想你已经回答了它

【解决方案2】：

<h:outputText> 呈现 HTML <span>，其值作为其主体。

<span id="txt_pay_days">0</span>

jQuery .val() function 仅适用于 HTML input 元素，例如 <input type="text">。 <span> 根本不是输入元素。相反，您需要使用jQuery .text() function。

$("#txt_pay_days").text("123");

【讨论】：

【解决方案3】：

试试这个..

$('#txt_pay_days').val('valueYouWantToInsert');

【讨论】：