国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

js無刷新操作table的行和列_javascript技巧

來源:懂視網 責編:小采 時間:2020-11-27 21:21:12
文檔

js無刷新操作table的行和列_javascript技巧

js無刷新操作table的行和列_javascript技巧:代碼僅供參考 如果強行復制請修改頁面id 代碼如下: //查詢數據庫符合條件的數據 function SelectAlterNativeVenues(field) { var xmlhttp; var pid = document.getElementById(nameandaddress).value; var ur
推薦度:
導讀js無刷新操作table的行和列_javascript技巧:代碼僅供參考 如果強行復制請修改頁面id 代碼如下: //查詢數據庫符合條件的數據 function SelectAlterNativeVenues(field) { var xmlhttp; var pid = document.getElementById(nameandaddress).value; var ur

代碼僅供參考 如果強行復制請修改頁面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{
nname.removeChild(pchildren[a]);
}
//添加查詢行
var aaRow=nname.insertRow(0);
var aaCell=aaRow.insertCell(0);
aaCell.innerHTML="";
aaRow.insertCell(1).innerHTML="查詢";
//添加標題行
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="";
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{
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="刪除";
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{
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;
}

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

js無刷新操作table的行和列_javascript技巧

js無刷新操作table的行和列_javascript技巧:代碼僅供參考 如果強行復制請修改頁面id 代碼如下: //查詢數據庫符合條件的數據 function SelectAlterNativeVenues(field) { var xmlhttp; var pid = document.getElementById(nameandaddress).value; var ur
推薦度:
標簽: 操作 js javascript
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 亚洲日本一区二区三区高清在线 | 免费成人毛片 | 国产成人精品一区二区免费视频 | 亚洲午夜久久久久中文字幕 | 亚洲精品午夜国产va久久成人 | 一级a毛片免费观看久久精品 | 色阁阁 | 国产精品视频久久久久 | 欧美在线色图 | 国产精品高清视亚洲一区二区 | 午夜精品一区二区三区在线视 | 精品国产毛片 | 国产产一区二区三区久久毛片国语 | 亚洲精品成人久久 | 亚洲国产精品欧美日韩一区二区 | 久久国产成人 | 国产在线91区精品 | 日韩午夜在线视频 | 成人精品在线视频 | 国产精品视频福利一区二区 | 欧美日韩一本 | 日本全黄视频 | 成人久久久久久 | 国产精品第1页在线观看 | 一区二区三区视频在线观看 | 久久精品国产欧美成人 | 国产日韩中文字幕 | 亚洲欧美另类视频 | 久久精品美女 | 黄色毛片在线观看 | 国内一级野外a一级毛片 | 91精品一区二区三区在线观看 | 青青操国产视频 | 欧美午夜一区二区福利视频 | 国产主播一区 | 国产精品成久久久久三级 | 亚洲色图国产精品 | 天堂va欧美ⅴa亚洲va一国产 | 欧美日韩精品一区二区在线播放 | 国产精品va一区二区三区 | 欧美午夜视频在线观看 |