[导入]用JS遍历GRIDVIEW中的DROPDOWNLIST

[导入]用JS遍历GRIDVIEW中的DROPDOWNLIST

    今天实现了两个效果，一个是用JS来遍历GRIDVIEW中的DROPDOWNLIST控件，一个是从C#服务端来读取JS中的变量（当然返回值的原理也一样）。下面先介紹一下用JS来遍历GRIDVIEW中控件的效果。

     不说废话，先上代码：

JavaScript代码

function onClientClick()
   {

      var table=document.getElementById("<%=GridView1.ClientID %>");
      for(var i=1;i<table.rows.length;i++)
      {
        var AbsenseType=table.rows[i].cells[3].getElementsByTagName("select")[0].value;
        var AbsenseDay=table.rows[i].cells[3].getElementsByTagName("select")[1].value;
        var WotDay=table.rows[i].cells[4].getElementsByTagName("select")[0].value;
       if(AbsenseType!=12 && AbsenseDay == "请选择")
       {
          alert("第"+i+"行数据“未选缺勤时间”错误！");
          ra=1;

       }
       else if(AbsenseType==12 && AbsenseDay != "请选择")
       {
          alert("第"+i+"行数据“未缺勤,但选了缺勤时间”错误！");
          r=1;
       }
     }
   }

这里有几点要注意的：

1.

JavaScript代码

var table=document.getElementById("<%=GridView1.ClientID %>");

getElementById里面一定是 "<%=GridView1.ClientID %>",GridView1是我的GridView的ID，如下所示：

ASP/Visual Basic代码

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
                      BackColor="White" AllowPaging="True" PageSize="50"
                      BorderColor="#DEDFDE" BorderStyle="None" BorderWidth="1px" CellPadding="3" ForeColor="Black"
                      PagerSettings-Position="TopAndBottom" Width="100%" GridLines="Vertical">

2.

JavaScript代码

var AbsenseType=table.rows[i].cells[3].getElementsByTagName("select")[0].value;

rows[i]是指GridView的行，Cells[i]是指GridView的单元格， getElementsByTagName("select") [0] 表示取得

这个单元格中第一个dropdownlist控件（因为在前台用浏览器查看源代码，我们发现Asp.net的dropdownlist就是HTML里的select），所以getElementsByTagName里应该是“select”。

差不多就是这样了，OK，结束，嘿嘿。

 

文章来源: http://www.my1984.net/?action=show&id=159

MSN: