使用<td>将内容从jQuery复制到文本框

Question

使用下面的代码，我似乎无法将textbox设置为TD元素的值。我需要实现的是填充，输入退款金额框中已经存在的大全字段的现值。除了将内容从一个元素复制到另一个元素之外，不需要其他任何东西。

window.onload = function() {
    var src = document.getElementById("grand_total").innerHTML;
    dst = document.getElementById("refund_amount").innerHTML;
    src.addEventListener('#refund_amount', function() {
        dst = src;
    });
};

​

​

Answer 1

首先，#refund_amount不是一个有效的事件名。考虑到代码的上下文和目标，我假设应该是click。您还需要在元素引用上绑定事件处理程序，而不是绑定包含其innerHTML值的字符串变量。此外，要设置input元素的值，需要直接使用元素的value属性。试试这个：

​

var src = document.getElementById("grand_total");
var dst = document.getElementById("refund_amount");

src.addEventListener('click', function() {
  dst.value = src.textContent;
});

<table>
  <tbody>
    <tr>
      <td>Grand total:</td>
      <td id="grand_total">26.58</td>
    </tr>
    <tr>
      <td>Refund amount:</td>
      <td><input type="text" id="refund_amount" /></td>
    </tr>
  </tbody>
</table>

​