如何在单击时获取整个HTML表的值

本文关键字：HTML 获取 单击 | 更新日期: 2023-09-27 18:28:10

在这里，我通过点击tr来获得表中的单个tr值。我需要的是在一个按钮或div点击中获得整个表的tr值。这是我使用的代码http://forums.asp.net/t/1652535.aspx

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>

有什么建议吗？

如何在单击时获取整个HTML表的值

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>

试试这个：

$(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
     });                                    
 });
相关文章：