我有一个简单的HTML表格。我想有一个按钮,允许用户将值从现有单元格复制到另一个单元格,例如单击按钮将值从第1行/第3列复制到第3行/第3列。
这是一个简单的HTML表格:
http://jsfiddle.net/XF9BD/1/ 当用户单击“从最近活动复制”链接时,它将从同一列中的单元格3行中复制值。
答案 0 :(得分: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> </td>
<td> </td>
<td> </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');
});
编辑: 或者this对于某些想法怎么样?
答案 1 :(得分:0)
我最终在目标单元格中使用以下内容,因为我需要始终可见,并允许用户在需要时手动输入值:
<td class="action"><button class="copy" onclick="$('#projectmodvalue').val( $('#totalmod').val() )" value="Set Value">Copy from Recent Activity</button></td>