js获取GridView中行数据的两种方法分享

166 阅读 0 评论 110 点赞

我是靠谱客的博主纯情冬天，最近开发中收集的这篇文章主要介绍js获取GridView中行数据的两种方法分享，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

第一种方法：

复制代码代码如下:

function submitData() {
    var tb = document.getElementById(IDArray[0]);   //获取服务器控件GridView的ID
    if (tb)
     {
    var rows = tb.rows;
    for (var i = 1; i < rows.length; i++) {
        var id = rows[i].cells[1].innerText;
        var name = rows[i].cells[2].innerHTML;
        var oDropDownList = rows[i].cells[3].childNodes[0];
        var oText = oDropDownList.options[oDropDownList.selectedIndex].text;   //获取GridView中下拉列表中选中的文本
        var oValue = oDropDownList.options[oDropDownList.selectedIndex].value;;   //获取GridView中下拉列表中选中的值   
 }
    }
} 

第二种方法：

复制代码代码如下:

 function submitData() {
    var tb = document.getElementById(IDArray[0]);
    if (tb.hasChildNodes) {
        if (tb.childNodes[0] != null) {
            var rowCount = tb.childNodes[0].childNodes.length;
            for (var i = 1; i < rowCount; i++) {
                var child = tb.childNodes[0].childNodes[i];
                var id = rowCount[i].cells[1].innerHTML;
                var name = child.childNodes[1].innerHTML;
                var oDropDownList = child.childNodes[2].childNodes[0];
                var oText = oDropDownList.options[oDropDownList.selectedIndex].text;
                var oValue = oDropDownList.options[oDropDownList.selectedIndex].value
            }
        }
    } 