`
hududanyzd
  • 浏览: 815748 次
文章分类
社区版块
存档分类
最新评论

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

分享到:
评论

相关推荐

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

    本篇分享了使用JavaScript(简称js)从GridView中提取行数据的两种不同方法。考虑到读者对基础知识的理解可能存在差异,我们将从基础知识开始,逐步深入到具体的实现细节。 首先,需要了解什么是GridView。在*** ...

    Js 获取Gridview选中行的内容操作步骤

    Js获取Gridview选中行的内容操作步骤涵盖了利用JavaScript(简称为Js)来实现从一个网格视图(Gridview)控件中获取用户选中行指定列数据的完整过程。此过程对于Web开发者来说是一个重要的技能点,特别是在动态网页...

    GridView上下移动行事件

    在.NET框架中,GridView控件是ASP.NET网页开发中常用的一种数据展示工具,它允许开发者以表格形式展示数据。在“GridView上下移动行事件”中,我们主要关注的是如何实现用户交互,允许用户通过点击或拖动来改变...

    GridView的72般绝技

    - **实现方式**:有两种方法实现此功能。 - **方法一**:使用客户端脚本(如JavaScript/jQuery),监听鼠标事件并更改行的CSS类。 - **方法二**:使用ASP.NET的内置事件`OnRowDataBound`,根据当前行的状态动态...

    GridView 72般绝技.doc

    两种方法分别通过CSS伪类`:hover`和JavaScript的`onmouseover`、`onmouseout`事件实现。 7. **删除确认对话框**:在删除操作前,可以调用JavaScript的`confirm()`函数弹出确认对话框,增加用户交互。 8. **自动...

    GRIDVIEW行随鼠标变色

    在Web应用程序开发中,尤其是在ASP.NET中,`GridView` 控件是非常常用的一种展示数据的方式。它能够以表格的形式来展示数据库中的数据,同时也提供了丰富的功能如排序、分页等。为了让用户有更好的交互体验,可以...

    带有单个ModalPopupExtender / Panel的GridView用于行编辑

    在ASP.NET中,GridView是一种常用的数据展示控件,它可以显示从数据库或其他数据源获取的数据,并且支持多种操作,如排序、分页和编辑。当用户想要对GridView的某一行进行编辑时,通常会点击行的编辑按钮,此时,...

    ASP.NET程序中常用代码汇总

    这部分代码演示了两种方法将点击或双击表格行与页面跳转关联起来。单击某一行时,会打开一个新的窗口或在当前窗口导航到指定的URL,双击则会打开一个新的页面。 6. **表格超连接列传递参数**: 这里的...

    Extjs中文教程

    - **Ajax通信**:讲解了如何使用Extjs的`Ext.Ajax`类来发送异步请求,获取服务器端的数据。 - **文件上传**:利用Ajax技术实现文件上传功能,包括文件选择、上传进度显示等。 #### 十一、分页与ComboBox - **分页*...

Global site tag (gtag.js) - Google Analytics