0

我有一个简单的 HTML 表格。我想要一个按钮，允许用户将值从现有单元格复制到另一个单元格，例如单击按钮将值从第 1 行/第 3 列复制到第 3 行/第 3 列。

这是一个简单的 HTML 表格：

http://jsfiddle.net/XF9BD/1/ 当用户单击“从最近的活动复制”的链接时，它将从同一列中的单元格 3 行中复制值。

4

2 回答 2

1

如果我理解正确，那么认为最简单的方法是将所选的克隆插入<tr>表中，然后修改克隆。

HTML：

<table id="scores" width="358" border="1">
  <tbody id="recentActivities">
  <tr>
    <td width="104">Recent Activity</td>
    <td width="69">Result</td>
    <td width="163"></td>
  </tr>
  <tr>
    <td class="title">Activity 1</td>
    <td class="result">100</td>
    <td class="action_status"><button class="copy">Copy</button></td>
  </tr>
  <tr>
    <td class="title">Activity 2</td>
    <td class="result">300</td>
    <td class="action_status"><button class="copy">Copy</button></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  </tbody>
  <tbody id="copiedActivities"></tbody>
</table>

JavaScript：

var $copiedActivities = $("#copiedActivities");
$("button.copy").on('click', function() {
    var clone = $(this).closest("tr").clone(true).appendTo($copiedActivities);
    var titleCell = clone.find(".title");
    titleCell.text('Projection' + titleCell.text());
    clone.find(".action_status").empty().text('Copy of Recent Activity');
});

查看您的小提琴的更新

编辑：或者对于一些想法如何？

于 2012-04-29T08:27:51.683 回答
0

我最终在目标单元格中​​使用了以下内容，因为我需要它始终可见，并允许用户在需要时手动输入值：

<td class="action"><button class="copy" onclick="$('#projectmodvalue').val( $('#totalmod').val() )" value="Set Value">Copy from Recent Activity</button></td>
于 2012-04-29T22:01:55.047 回答