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

所属分类: 网络编程 / JavaScript 阅读数: 1509
收藏 0 赞 0 分享
第一种方法:
复制代码 代码如下:

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
            }
        }
    }

更多精彩内容其他人还在看

JavaScript this关键字指向常用情况解析

这篇文章主要介绍了JavaScript this关键字指向常用情况解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
收藏 0 赞 0 分享

Vue-cli打包后如何本地查看的操作

这篇文章主要介绍了Vue-cli打包后如何本地查看的操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

vue cli 3.0通用打包配置代码,不分一二级目录

这篇文章主要介绍了vue cli 3.0通用打包配置代码,不分一二级目录,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

JavaScript事件循环及宏任务微任务原理解析

这篇文章主要介绍了JavaScript事件循环及宏任务微任务原理解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
收藏 0 赞 0 分享

关于vue-cli3打包代码后白屏的解决方案

这篇文章主要介绍了关于vue-cli3打包代码后白屏的解决方案,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

vue打包静态资源后显示空白及static文件路径报错的解决

这篇文章主要介绍了vue打包静态资源后显示空白及static文件路径报错的解决,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

vue-cli3访问public文件夹静态资源报错的解决方式

这篇文章主要介绍了vue-cli3访问public文件夹静态资源报错的解决方式,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

JS继承实现方法及优缺点详解

这篇文章主要介绍了JS继承实现方法及优缺点详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
收藏 0 赞 0 分享

vue或react项目生产环境去掉console.log的操作

这篇文章主要介绍了vue或react项目生产环境去掉console.log的操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

解决vue组件没显示,没起作用,没报错,但该显示的组件没显示问题

这篇文章主要介绍了解决vue组件没显示,没起作用,没报错,但该显示的组件没显示问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享
查看更多