2012-03-17 94 views
0

在这里,我得到单击tr表中的单个tr值。我需要的是得到一个按钮,整个表TR值或DIV click.Here是我从这个http://forums.asp.net/t/1652535.aspx如何通过点击获取整个HTML表格值

http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js" 

$(function() { 
     var message = $('#message'); 
     var tr = $('#tbl').find('tr'); 
     tr.bind('click', function (event) { 
     var values = ''; 
     var tds = $(this).find('td'); 
     $.each(tds, function (index, item) { 
     values = values + 'td' + (index + 1) + ':' + item.innerHTML + '<br/>'; 
     }); 
     message.html(values); 
     }); 
     }); 

<form id="form1" runat="server"> 
     <table id="tbl" style="border: solid 1px black"> 
      <tr> 
       <td> 
        1 
       </td> 
       <td> 
        a 
       </td> 
      </tr> 
      <tr> 
       <td> 
        2 
       </td> 
       <td> 
        b 
       </td> 
      </tr> 
      <tr> 
       <td> 
        3 
       </td> 
       <td> 
        c 
       </td> 
      </tr> 

     </table> 
     <br /> 
     <div id="message"> 
     </div> 
     </form> 

任何建议使用它的代码?

回答

1

试试这个:

$(function() { 
    var message = $('#message'); 
    var table = $('#tbl'); 
    table.bind('click', function(){ 
     var values = ''; 
     var valArray = new Array();    
     var j = 0; 
     var tr = $(this).find('tr'); 
     tr.each(function(){ 
      var i = 0; 
      valArray[j] = new Array(); 
      var tds = $(this).find('td'); 
      $.each(tds, function (index, item) { 
       values = values + 'td' + (index + 1) + ':' + item.innerHTML + '<br/>'; 
       valArray[j][i] = 'td' + (index + 1) + ':' + item.innerHTML + '<br/>'; 
       i++; 
      }); 
      j++; 
     }); 
     message.html(values); 
     //valArray is going to have your data organized in an bidimensional array style 
    });          
}); 
+0

它working..is可以将其存储在一个字符串或数组? – bala3569 2012-03-17 13:06:24

+0

你是什么意思?每个tr应该被呈现为一个字符串,并且所有这些字符串应该是数组的一部分?我将编辑我的答案... – themarcuz 2012-03-17 13:10:09

+0

我的意思是可以在数据集或数据表中检索这些值,并最终将这些值存储在数据库的表中 – bala3569 2012-03-17 14:01:30

2
jQuery("#submit").click(function(){ 
var tblValue = jQuery("#tbl1").html(); 
jQuery("#hiddenInput").val(tblValue); 
document.forms["myform"].submit(); 
}); 

在窗体之间创建隐藏的输入类型。

<form name="myform" id="tbl1"> 
#your table html code 
<input type="hidden" id="hiddenInput" /> 
<input type="submit" id="submit" /> 
</form>