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 に答える