【问题标题】:Assign Value to <input> inside <td> using Javascript使用 Javascript 为 <td> 内的 <input> 赋值
【发布时间】:2013-07-31 15:44:36
【问题描述】:

我在表格的&lt;td&gt; 中有一个&lt;input type="text" value="0.00" id="prdtotal"/&gt;

我想使用 Javascript 计算一个值并将其分配给文本框。我该怎么做?

我尝试使用document.getElementById("prdtotal").value="1.00";,但它不起作用。感谢您的帮助!

【问题讨论】:

  • 似乎 document.getElementById 找不到 因为它在
  • document.getElementById 将通过 id 找到任何元素,无论它在其他元素中嵌套的深度如何。

标签: javascript html


【解决方案1】:

使用value属性:

document.getElementById("prdtotal").value = "1.00";

document.getElementById() 返回实际的 DOM 对象(&lt;input&gt; 元素的句柄/引用)。

还要注意右括号前缺少的双引号。

我建议你看看Mozilla Developer Network (MDN):

  • HTMLElement:一个(通用)HTML 元素可以拥有的所有属性的引用。

  • HTMLInputElement:输入元素(例如&lt;textarea&gt;&lt;input&gt;)可以具有的所有特殊属性的引用。

【讨论】:

  • 为什么它似乎不适合我?
  • @Umpong_1947676 什么不适合你?您使用了哪个代码?
  • 我正在从另一个文本框的值更改调用的 javascript 触发文本框值的更改。我尝试通过警报将值传递到第二个文本框(应该包含答案)并且它显示......但是,每当我使用 document.getElementById("prdtotal").value= 将值传递给文本框时“2.00”;文本框的值不会改变
  • @Umpong_1947676 请为此发布另一个问题。
【解决方案2】:

您已使用 getElementById 找到该元素,但尚未指定要设置的 value 属性。

document.getElementById("prdtotal").value="1.00"

还有一个活生生的例子:http://jsfiddle.net/hevwt/

【讨论】:

  • 哦,我只是在帖子中错过了它,但我的代码中有它......虽然它仍然无法工作......不知道问题是什么......
猜你喜欢
相关资源
最近更新 更多
热门标签