亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

js無刷新操作table的行和列

2019-11-20 20:54:04
字體:
來源:轉載
供稿:網友
代碼僅供參考 如果強行復制請修改頁面id
復制代碼 代碼如下:

//查詢數據庫符合條件的數據
function SelectAlterNativeVenues(field)
{
var xmlhttp;
var pid = document.getElementById("nameandaddress").value;
var url = "${RetrieveURL}?accessorType=${AccessorType}";
url = url+"&method=RetrieveSelectResult&NameAndAddress="+escape(pid);
if (window.XMLHttpRequest)
{
xmlhttp = new XMLHttpRequest();
}
else if (window.ActiveXObject)
{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); //IE
}
if (xmlhttp != null)
{
xmlhttp.open("GET", url, true);
xmlhttp.setRequestHeader("If-Modified-Since", "0");
xmlhttp.send(null);
xmlhttp.onreadystatechange = function processRefreshUsers() //注冊方法
{
if (xmlhttp.readyState == 4)
{
if (xmlhttp.status == 200)
{
//responseXML獲取執行RetrieveCitiesByProvinceId方法的返回值
var datas = xmlhttp.responseXML.documentElement.getElementsByTagName("AlterNativeVenues");
var nname = document.getElementById("table1");
var pchildren = nname.childNodes;//清空表中的行和列
for(var a=0; a<pchildren.length; a++)
{
nname.removeChild(pchildren[a]);
}
//添加查詢行
var aaRow=nname.insertRow(0);
var aaCell=aaRow.insertCell(0);
aaCell.innerHTML="<input type='text' name='nameandaddress' id='nameandaddress'/>";
aaRow.insertCell(1).innerHTML="<span style=/"cursor:pointer;border:1px/" name=/"submit/" onclick=/"SelectAlterNativeVenues('"+field+"');/" >查詢</span>";
//添加標題行
var aRow=nname.insertRow(1);
aRow.insertCell(0).innerHTML="";
aRow.insertCell(1).innerHTML="名稱";
aRow.insertCell(2).innerHTML="地址";
aRow.insertCell(3).innerHTML="電話";
//循環添加數據行
for (i = 0; i < datas.length; i++)
{
var Id = datas[i].getElementsByTagName("Id")[0].firstChild.nodeValue;
var Name = datas[i].getElementsByTagName("Name")[0].firstChild.nodeValue;
var Address=datas[i].getElementsByTagName("Address")[0].firstChild.nodeValue;
var Phone=datas[i].getElementsByTagName("Phone")[0].firstChild.nodeValue;

var aNewRow=nname.insertRow(i+2);
aNewRow.insertCell(0).innerHTML="<input type=/"checkbox/" id=/"AlterNativeVenues_"+Id+"/" name=/"AlterNativeVenues_"+Id+"/" onclick=/"AddRowSelectAfter('AlterNativeVenues_"+Id+"','"+field+"')/" />";
aNewRow.insertCell(1).innerHTML=Name;
aNewRow.insertCell(2).innerHTML=Address;
aNewRow.insertCell(3).innerHTML=Phone;
}
}
}
}
}
}


//添加已選中的數據
function AddRowSelectAfter(id,field)
{
//把隱藏域里面的所有id劃分開 然后把對應的checked綁定
var state=false; //判斷下面列表是否存在
var _hiddenId=document.getElementById(field).value.substr(0,document.getElementById(field).value.length-1).split(',');
for(j=0;j<_hiddenId.length;j++)
{
if(_hiddenId[j]==id.split('_')[1])
{
state=true;
}

}
if(state==false)
{
//只要點擊checkbox就出發一次更改隱藏域的值
//非選中狀態需要把id從隱藏控件里面移除
var arrs=document.getElementById(field).value.substr(0,document.getElementById(field).value.length-1).split(',');
//定義一個字段重新獲取id
var newids="";
for(var arr=0;arr<arrs.length;arr++)
{
if(arrs[arr]!=id.split('_')[1])
newids+=arrs[arr]+",";
}
//重新給隱藏控件賦值
//最后一個字符可能是,
var fh=newids.substr(newids.length-1,newids.length);
if(fh==",")
document.getElementById(field).value=newids.substr(0,newids.length-1);
else
document.getElementById(field).value=newids;


if(document.getElementById(id).checked==false)
{
//選中狀態點擊改為非點中狀態 移除已選的場館
document.getElementById(id).checked=false;
//給tr設置id用來刪除tr
document.getElementById("table2").deleteRow(document.getElementById("NewRow_"+id.split('_')[1]).rowIndex);

}
else
{
document.getElementById(id).checked=true;
var input =document.getElementById(field);
var xmlhttp;
var url = "${RetrieveURL}?accessorType=${AccessorType}";
url = url+"&method=SelectResult&id="+id;
if (window.XMLHttpRequest)
{
xmlhttp = new XMLHttpRequest();
}
else if (window.ActiveXObject)
{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); //IE
}
if (xmlhttp != null)
{
xmlhttp.open("GET", url, true);
xmlhttp.setRequestHeader("If-Modified-Since", "0");
xmlhttp.send(null);
xmlhttp.onreadystatechange = function processRefreshUsers() //注冊方法
{
if (xmlhttp.readyState == 4)
{
if (xmlhttp.status == 200)
{
//responseXML獲取執行RetrieveCitiesByProvinceId方法的返回值
var datas = xmlhttp.responseXML.documentElement.getElementsByTagName("AlterNativeVenues");
var nname = document.getElementById("table2");
nname.style.width="560px";
if(nname.rows.length==0&&datas.length>0)
{
//第一行
var firstRow=nname.insertRow(0);
firstRow.id="NewRow_0";
firstRow.insertCell(0).innerHTML="名稱";
firstRow.insertCell(1).innerHTML="地址";
firstRow.insertCell(2).innerHTML="電話";
firstRow.insertCell(3).innerHTML="操作";
}
for (i = 0; i < datas.length; i++)
{
var Id = datas[i].getElementsByTagName("Id")[0].firstChild.nodeValue;
var Name = datas[i].getElementsByTagName("Name")[0].firstChild.nodeValue;
var Address=datas[i].getElementsByTagName("Address")[0].firstChild.nodeValue;
var Phone=datas[i].getElementsByTagName("Phone")[0].firstChild.nodeValue;

var aNewRow=nname.insertRow(nname.rows.length);
aNewRow.id="NewRow_"+Id;
var oneCell=aNewRow.insertCell(0);
oneCell.innerHTML=Name;
oneCell.width=140;
var twoCell=aNewRow.insertCell(1);
twoCell.innerHTML=Address;
twoCell.width=280;
var threeCell=aNewRow.insertCell(2);
threeCell.innerHTML=Phone;
threeCell.width=100;
var fourCell=aNewRow.insertCell(3);
fourCell.innerHTML="<span id=/"span_"+Id+"/" onclick=/"DeleteRow('"+Id+"',this,'"+field+"')/">刪除</span>";
fourCell.width=40;
if(input.value!="")
input.value+=",";
input.value+=Id;
}
}
}
}
}
}
}
}

function DeleteRow(id,obj,field)
{
obj.parentNode.parentNode.parentNode.removeChild(obj.parentNode.parentNode)
var nname = document.getElementById("table2");
if(nname.rows.length==1)
{
nname.deleteRow(0);
}
//已經存儲到數據庫的 查詢之后上面列表沒有的情況
if(document.getElementById("AlterNativeVenues_"+id)!=null||document.getElementById("AlterNativeVenues_"+id)!=undefined)
{
if(document.getElementById("AlterNativeVenues_"+id).checked==true)
{
document.getElementById("AlterNativeVenues_"+id).checked=false;
}
}
//非選中狀態需要把id從隱藏控件里面移除
var arrs=document.getElementById(field).value.substr(0,document.getElementById(field).value.length-1).split(',');
//定義一個字段重新獲取id
var newids="";
for(var arr=0;arr<arrs.length;arr++)
{
if(arrs[arr]!=id)
newids+=arrs[arr]+",";
}
//重新給隱藏控件賦值
//重新給隱藏控件賦值
//最后一個字符可能是,
var fh=newids.substr(newids.length-1,newids.length);
if(fh==",")
{
document.getElementById(field).value=newids.substr(0,newids.length-1);
}
else
document.getElementById(field).value=newids;
}
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
国产一区二区在线免费| 欧美电影免费观看大全| 91视频免费网站| 欧美亚洲成人xxx| 一区二区成人精品| 欧美三级免费观看| 成人激情视频在线播放| 欧美精品亚州精品| 在线精品91av| 久久亚洲国产精品成人av秋霞| 午夜精品久久久久久久久久久久| www.国产精品一二区| 亚洲老头老太hd| 正在播放国产一区| 日韩电影网在线| 国产日韩在线免费| 日韩成人久久久| 国产精品久久久久久久久久东京| 日韩电影大片中文字幕| 精品国产区一区二区三区在线观看| 国产亚洲精品综合一区91| 亚洲国产精品成人av| 亚洲免费影视第一页| 综合久久五月天| 亚洲人成网站999久久久综合| 欧美另类69精品久久久久9999| 精品国偷自产在线视频| xxxxxxxxx欧美| 亚洲大胆人体在线| 欧美日韩成人在线观看| 久久久久久久久久av| 高清欧美一区二区三区| 精品欧美国产一区二区三区| 欧美一区三区三区高中清蜜桃| 欧美成人免费在线视频| 一区二区欧美激情| 欧美激情a∨在线视频播放| 亚洲天堂网在线观看| 中文字幕日韩视频| 国产精品爱啪在线线免费观看| 国产精品视频在线观看| 26uuu久久噜噜噜噜| 亚洲视频电影图片偷拍一区| 国产综合视频在线观看| 国内精品中文字幕| 在线免费看av不卡| 黑人巨大精品欧美一区二区一视频| 日韩在线视频免费观看高清中文| 国产精品第2页| 国产成人精品日本亚洲专区61| 国内精品模特av私拍在线观看| 国产在线a不卡| 国产精品福利网| 欧美成人免费在线观看| 欧美亚洲视频在线观看| 国产日韩综合一区二区性色av| 亚洲free性xxxx护士白浆| 久久免费高清视频| 久久成人在线视频| 日韩视频免费在线观看| 国产成人久久久精品一区| 国产精品最新在线观看| 日韩精品在线电影| 国产91免费观看| 精品久久久久久中文字幕一区奶水| 亚洲国产一区二区三区在线观看| 亚洲第一福利网站| 亚洲高清免费观看高清完整版| 午夜精品一区二区三区在线视| 日韩激情第一页| 日韩av理论片| 亚洲小视频在线观看| 久久影视电视剧免费网站清宫辞电视| 欧美一级视频在线观看| 97碰在线观看| 一区二区中文字幕| 精品视频在线播放色网色视频| 亚洲第一视频在线观看| 欧美大胆在线视频| 欧美日韩国产一区二区三区| 在线免费观看羞羞视频一区二区| 日韩欧美在线视频日韩欧美在线视频| 国产精品最新在线观看| 亚洲国产精品嫩草影院久久| 高清欧美性猛交xxxx黑人猛交| 亚洲人成电影网站色…| 国产精品亚洲美女av网站| 亚洲自拍中文字幕| 国产美女久久精品香蕉69| 国产一区二区精品丝袜| 日韩久久精品电影| www.99久久热国产日韩欧美.com| 日韩经典中文字幕| 91精品国产综合久久香蕉最新版| 91av视频在线观看| 亚洲国产精品久久91精品| 国产精品久久久久久久久久久久| 欧美精品电影免费在线观看| 日韩成人黄色av| 成人在线中文字幕| 九九热精品在线| 欧美一级高清免费播放| 日本精品一区二区三区在线| 亚洲天堂开心观看| 亚洲国产精品va在线观看黑人| 社区色欧美激情 | 中文字幕少妇一区二区三区| 日韩电影中文字幕在线观看| 国产精品精品视频一区二区三区| 国产精品视频在线观看| 日本一欧美一欧美一亚洲视频| 性欧美视频videos6一9| 亚洲第一av网站| 欧美一级大片在线观看| 亚洲电影在线看| 亚洲自拍偷拍视频| 国产精品久久国产精品99gif| 91精品国产高清| 欧美性生交xxxxxdddd| 8x拔播拔播x8国产精品| 2019中文字幕在线免费观看| 欧美亚洲在线视频| 欧美理论电影在线观看| 国产精品久久久久久久久久久久| 欧美日韩在线视频一区二区| 中文字幕亚洲欧美日韩高清| 亚洲国产精品久久久久久| 亚洲大胆人体在线| 国产午夜精品美女视频明星a级| 欧美日韩性视频| 日韩欧美亚洲范冰冰与中字| 日韩中文字在线| 精品国产户外野外| 亚洲欧美国产视频| 国产精品私拍pans大尺度在线| 亚洲成人久久电影| 亚洲男人天堂网| 欧美插天视频在线播放| 成人在线视频网| 久久91精品国产91久久久| 91伊人影院在线播放| 亚洲护士老师的毛茸茸最新章节| 中文字幕国产亚洲| 日韩亚洲精品视频| 国内精品久久久久久久| 欧美福利视频在线观看| 色偷偷av一区二区三区| 欧美小视频在线观看| 主播福利视频一区| 日韩视频在线一区| 国产精品久久久久久久久久久新郎| 7777精品久久久久久| 在线观看国产精品日韩av| 亚洲精品久久7777777| 日本欧美中文字幕| 成人精品网站在线观看| 国产99久久精品一区二区永久免费| 欧美最顶级丰满的aⅴ艳星| 欧美成人午夜剧场免费观看| 亚洲少妇激情视频| 欧美大码xxxx| 精品magnet| 久久久在线观看| 欧美www在线|