如何使用javascript获取表格数据值作为变量

问题描述:

我在浏览器上有一个页面,以页面格式显示一些项目。现在我想选择特定项目(行),然后获取这些选定行的数据(列值)作为Javascript函数中的变量,以便我可以将它们用作ASP页面上的查询字符串中的参数。如何使用javascript获取表格数据值作为变量

function selectedRows() 
{ 
    var selectedItems = Hesto.UI.GetSelectedItems('#ScannedLabelTable'); 
    $.each(selectedItems, function (i, item) { 
    $.ajax({ 
    url: PRINT_LABELS_QUERY_PAGE 
     , data: // this is where i need help on.. 
    , dataType: 'json' 
    , success:alert("Labels Printed") 
    , error: Hesto.Ajax.ErrorHandler 
    }); 
}); 
FetchLabelDetails(); 
} 
+0

data:item.something - 但我认为你需要排队ajax – mplungjan 2013-02-21 10:06:07

+0

或类似的东西:'data:item.find('th')。html()' – Martin 2013-02-21 10:08:46

从表这样你可以接受使用document.getElementById("").innerHTML从一个特定的电池获取

<TABLE> 
    <TR> 
     <TD id='1'>abc</TD> 
     <TD id='2'>efg</TD> 
     <TD id='3'>hij</TD> 
    </TR> 
    <TR> 
     <TD id='4'>lmno</TD> 
     <TD id='5'>pqr</TD> 
     <TD id='6'>stu</TD> 
    </TR> 
    </TABLE> 

您可以使用document.getElementById("2").innerHTML用于获取efg

+0

thanks bru正在工作,但它只显示第一行的第一列数据。我希望它向我展示那些我将点击并选择(选定的行)... – Scelo 2013-02-21 13:59:45

试试这个,它的工作对我来说... ...

$('#export').click(function() { 
      //alert('clicked') 
      var myRows = []; 
      var $headers = $("th"); 
      var $rows = $("tbody tr").each(function(index) { 
       $cells = $(this).find("td"); 
       myRows[index] = {}; 
       $cells.each(function(cellIndex) { 
        myRows[index][$($headers[cellIndex]).html()] = $(this).html(); 
       });  
      }); 
      var myObj = {}; 
      myObj.myrows = myRows; 

      //alert(JSON.stringify(myObj)); 
       $.ajax({ 
       type: "POST", 
       url: "your url", 
       data: "objdata="+JSON.stringify(myObj),//passing data as json 
       success: function(result){ 
        //alert('exported'); 
       } 
      }); 

      }); 

这将导出所有数据从表格中保存为json