使用javascript显示多个选定的td值

时间:2012-03-02 10:01:18

标签: javascript jquery

我正在使用java-script函数当我点击一个td时,该值存储在一个变量中并显示在textarea中它的效果很好。但当我点击textarea中的另一个td值改为新的。

我正在使用java脚本创建表格,并使用javascript本身生成id

 str += "<td id='R" + i + "C" + j"'>Demo</td>";

此处我的代码在触发点击时执行

      $(this).addClass('active');
      var id = $(this).closest('td').attr('id');
      document.getElementById('hit').value += id; //hit- id of textarea

当用户点击多个td

时,是否可以逐个追加值

2 个答案:

答案 0 :(得分:1)

我创造了一个小提琴,希望你正在寻找。

$('#tbl td').click(function() {
    $('#txta').val($('#txta').val() + $(this).text());
});​

http://jsfiddle.net/B8fqK/2/

答案 1 :(得分:0)

我不知道我是否清楚地掌握了你的问题,但是如果你想要附加到textarea td的价值而不是替换它你可以做这样的事情:

 $("td").click(function(){
    $(this).addClass('active');  //i let this but i don't get what you need it for
    $('#hit').val($('#hit').val()+$(this).text());
});

如果你想存储td的值,你可以添加一个额外的:
var value = $(this).text();