<%@ Page Language="C#" AutoEventWireup="true" CodeFile="JS动态生成表格.aspx.cs" Inherits="JS动态生成表格" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>无标题页</title>
<script type="text/javascript">
function GetGridview() //取出GRIDVIEW中的值
{
var jstable= document.getElementById ("grid");
var tablerow=jstable.rows.length-1;
var jsadminID;
var jsadmin;
var jsadminName;
var password;
var adminFlag;
for(var i=2;i<(tablerow+2);i++)
{
jsadminID=document.getElementById ("grid_ctl0"+i+"_Label1").innerHTML ;
jsadmin=document.getElementById ("grid_ctl0"+i+"_admin").innerHTML ;
jsadminName=document.getElementById ("grid_ctl0"+i+"_adminName").innerHTML ;
password=document.getElementById ("grid_ctl0"+i+"_password").innerHTML;
adminFlag=document.getElementById ("grid_ctl0"+i+"_adminflag").innerHTML ;
creatTable(jsadminID,jsadminName,adminFlag);
}
}
function creatTable(jsadminID,jsadminName,adminFlag) //动态生成 TABLE
{
var table2=document.getElementById ("table1");
var newRow=table2.insertRow();
var newcol=newRow.insertCell(0);
newcol.innerHTML="<label>"+jsadminID+"</label>";
var newcol=newRow.insertCell(1);
newcol.innerHTML="<label>"+jsadminName+"</label>";
var newcol=newRow.insertCell(2);
newcol.innerHTML="<label>"+adminFlag+"</label>";
}
function xianshi() //ｄｉｖ隐藏
{
document.getElementById ("div1").style .display="none";
}
function yincang() //div 显示
{
document.getElementById ("div1").style .display ='block';
}
</script>
</head>
<body>
<form >
<div>
<asp:GridView ID="grid" runat="server" AutoGenerateColumns="False">
<Columns>
<asp:TemplateField>
<ItemTemplate>
<asp:Label ID="Label1" runat="server" Text='<%#Eval("adminID")%>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<%-- <asp:BoundField DataField="adminID" DataFormatString="adminID" FooterText="adminID" />
--%>
<%-- <asp:TemplateField>
<ItemTemplate>
<asp:Label ID="label2" runat="server" Text='<%#Eval("admin") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>--%>
<asp:TemplateField>
<ItemTemplate>
<asp:Label ID="admin" runat="server" Text='<%#Eval("admin")%>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
<ItemTemplate>
<asp:Label ID="adminName" runat="server" Text='<%#Eval("adminName")%>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
<ItemTemplate>
<asp:Label ID="password" runat="server" Text='<%#Eval("password")%>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
<ItemTemplate>
<asp:Label ID="adminflag" runat="server" Text='<%#Eval("adminflag")%>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
<br />
<br />
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />
<br />
<br />
<br />
<br />
<table >
<tr>
<td style="width: 253px; height: 21px">
adminID</td>
<td style="width: 277px; height: 21px">
adminName</td>
<td style="width: 259px; height: 21px">
adminFlag</td>
</tr>
</table>
</div>
<input type="button" value="调用JS" onclick="GetGridview()" />
<br />
<input type="button" />
<input type="button" />
<br />
<div >
111111111111111112 3333333333333333
</div>
<div>
cf我爱你！
</div>
<input type="button" value="删除JS新增的行" />
<br />
<input type="button" value="删除JS第一行" />
<br />
<br />
<br />
<br />
<input type="button" value="字符串" />
<br />
<br />
<input type="button" value="字符串" />
<select >
</select>
<script type="text/javascript">
function deleteAllRow() //删除 GRIDVIEW 中全部的行
{
var detable= document.getElementById ("grid");
var deRow=detable.rows.length-1;
for(var i=1;i<=deRow;i++)
{
detable.deleteRow(i);
deRow=deRow-1;
i=i-1;
}
}
function deleteYiRow(rowNum) //删除GRIDVIEW 中第一行
{
var detable= document.getElementById ("grid");
var i=detable.rows(rowNum).rowIndex;
detable.deleteRow(i);
}
function zifuchuan() //切割字符串
{
var jstable= document.getElementById ("grid");
var tablerow=jstable.rows.length-1;
var zifu="";
for (var i=2;i<(tablerow+2);i++)
{
zifu=zifu+document.getElementById ("grid_ctl0"+i+"_Label1").innerHTML +","+document.getElementById ("grid_ctl0"+i+"_admin").innerHTML +";";
}
jieZifuchuan(zifu+"1");
}
function jieZifuchuan(zifu) // 读取字符串
{
var select=document.getElementById ("s1");
var zifulist=zifu.split(';');
var dangezifu="";
var j=0;
for(var i=0;i<(zifulist.length)*2;i=i+2)
{
dangezifu=zifulist[j].split(',');
if(panduanSelectXiangTongZhi(select,dangezifu[0]))
{
alert("此值 "+dangezifu[1]+" SELECT中已经存在!")
}
else
{
var op=new Option(dangezifu[0],i) ;
select.options.add(op);
}
if(panduanSelectXiangTongZhi(select,dangezifu[1]))
{
alert("此值 " +dangezifu[1]+ " SELECT中已经存在!")
}
else
{
var op1=new Option(dangezifu[1],i+1) ;
select.options.add(op1);
}
j++;
}
}
function panduanSelectXiangTongZhi(selectList,svalue) //判断SELECT中 是否已经存在 该值
{
var istrue=false;
for(var i=0;i<selectList.options.length;i++)
{
if(svalue==selectList.options[i].value)
{
istrue=true;
break;
}
}
return istrue;
}
</script>
<br />
<br />
<br />
</form>
</body>
</html>
相关文章：