<span id="mktg5"></span>

<i id="mktg5"><meter id="mktg5"></meter></i>

        <label id="mktg5"><meter id="mktg5"></meter></label>
        最新文章專題視頻專題問(wèn)答1問(wèn)答10問(wèn)答100問(wèn)答1000問(wèn)答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題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關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
        問(wèn)答文章1 問(wèn)答文章501 問(wèn)答文章1001 問(wèn)答文章1501 問(wèn)答文章2001 問(wèn)答文章2501 問(wèn)答文章3001 問(wèn)答文章3501 問(wèn)答文章4001 問(wèn)答文章4501 問(wèn)答文章5001 問(wèn)答文章5501 問(wèn)答文章6001 問(wèn)答文章6501 問(wèn)答文章7001 問(wèn)答文章7501 問(wèn)答文章8001 問(wèn)答文章8501 問(wèn)答文章9001 問(wèn)答文章9501
        當(dāng)前位置: 首頁(yè) - 科技 - 知識(shí)百科 - 正文

        js無(wú)刷新操作table的行和列_javascript技巧

        來(lái)源:懂視網(wǎng) 責(zé)編:小采 時(shí)間:2020-11-27 21:21:12
        文檔

        js無(wú)刷新操作table的行和列_javascript技巧

        js無(wú)刷新操作table的行和列_javascript技巧:代碼僅供參考 如果強(qiáng)行復(fù)制請(qǐng)修改頁(yè)面id 代碼如下: //查詢數(shù)據(jù)庫(kù)符合條件的數(shù)據(jù) function SelectAlterNativeVenues(field) { var xmlhttp; var pid = document.getElementById(nameandaddress).value; var ur
        推薦度:
        導(dǎo)讀js無(wú)刷新操作table的行和列_javascript技巧:代碼僅供參考 如果強(qiáng)行復(fù)制請(qǐng)修改頁(yè)面id 代碼如下: //查詢數(shù)據(jù)庫(kù)符合條件的數(shù)據(jù) function SelectAlterNativeVenues(field) { var xmlhttp; var pid = document.getElementById(nameandaddress).value; var ur

        代碼僅供參考 如果強(qiáng)行復(fù)制請(qǐng)修改頁(yè)面id
        代碼如下:
        //查詢數(shù)據(jù)庫(kù)符合條件的數(shù)據(jù)
        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() //注冊(cè)方法
        {
        if (xmlhttp.readyState == 4)
        {
        if (xmlhttp.status == 200)
        {
        //responseXML獲取執(zhí)行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="查詢";
        //添加標(biāo)題行
        var aRow=nname.insertRow(1);
        aRow.insertCell(0).innerHTML="";
        aRow.insertCell(1).innerHTML="名稱";
        aRow.insertCell(2).innerHTML="地址";
        aRow.insertCell(3).innerHTML="電話";
        //循環(huán)添加數(shù)據(jù)行
        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;
        }
        }
        }
        }
        }
        }


        //添加已選中的數(shù)據(jù)
        function AddRowSelectAfter(id,field)
        {
        //把隱藏域里面的所有id劃分開 然后把對(duì)應(yīng)的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)
        {
        //只要點(diǎn)擊checkbox就出發(fā)一次更改隱藏域的值
        //非選中狀態(tài)需要把id從隱藏控件里面移除
        var arrs=document.getElementById(field).value.substr(0,document.getElementById(field).value.length-1).split(',');
        //定義一個(gè)字段重新獲取id
        var newids="";
        for(var arr=0;arr{
        if(arrs[arr]!=id.split('_')[1])
        newids+=arrs[arr]+",";
        }
        //重新給隱藏控件賦值
        //最后一個(gè)字符可能是,
        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)
        {
        //選中狀態(tài)點(diǎn)擊改為非點(diǎn)中狀態(tài) 移除已選的場(chǎng)館
        document.getElementById(id).checked=false;
        //給tr設(shè)置id用來(lái)刪除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() //注冊(cè)方法
        {
        if (xmlhttp.readyState == 4)
        {
        if (xmlhttp.status == 200)
        {
        //responseXML獲取執(zhí)行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);
        }
        //已經(jīng)存儲(chǔ)到數(shù)據(jù)庫(kù)的 查詢之后上面列表沒(méi)有的情況
        if(document.getElementById("AlterNativeVenues_"+id)!=null||document.getElementById("AlterNativeVenues_"+id)!=undefined)
        {
        if(document.getElementById("AlterNativeVenues_"+id).checked==true)
        {
        document.getElementById("AlterNativeVenues_"+id).checked=false;
        }
        }
        //非選中狀態(tài)需要把id從隱藏控件里面移除
        var arrs=document.getElementById(field).value.substr(0,document.getElementById(field).value.length-1).split(',');
        //定義一個(gè)字段重新獲取id
        var newids="";
        for(var arr=0;arr{
        if(arrs[arr]!=id)
        newids+=arrs[arr]+",";
        }
        //重新給隱藏控件賦值
        //重新給隱藏控件賦值
        //最后一個(gè)字符可能是,
        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;
        }

        聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

        文檔

        js無(wú)刷新操作table的行和列_javascript技巧

        js無(wú)刷新操作table的行和列_javascript技巧:代碼僅供參考 如果強(qiáng)行復(fù)制請(qǐng)修改頁(yè)面id 代碼如下: //查詢數(shù)據(jù)庫(kù)符合條件的數(shù)據(jù) function SelectAlterNativeVenues(field) { var xmlhttp; var pid = document.getElementById(nameandaddress).value; var ur
        推薦度:
        標(biāo)簽: 操作 js javascript
        • 熱門焦點(diǎn)

        最新推薦

        猜你喜歡

        熱門推薦

        專題
        Top
        主站蜘蛛池模板: 久久国产亚洲观看| 青青青国产免费一夜七次郎| 日韩中文无码有码免费视频 | 亚洲成人网在线观看| 皇色在线免费视频| 亚洲视频在线观看网址| 一级做a爰片久久免费| 国产精品免费_区二区三区观看 | 岛国大片免费在线观看| 91亚洲国产成人精品下载| a级毛片免费观看视频| 亚洲高清无码在线观看| 色噜噜噜噜亚洲第一| 中文字幕无码毛片免费看| 亚洲人成无码网WWW| 特级aaaaaaaaa毛片免费视频| 久草视频在线免费看| 亚洲国产无套无码av电影| 岛国岛国免费V片在线观看| aa级一级天堂片免费观看| 一级毛片直播亚洲| 亚洲黄色免费观看| 久久国产高潮流白浆免费观看 | 中文字幕视频免费在线观看| 亚洲中文字幕无码爆乳av中文| 日本精品久久久久久久久免费| 亚洲成?v人片天堂网无码| 一级黄色免费毛片| 国产亚洲美女精品久久久久狼| 日本亚洲欧洲免费天堂午夜看片女人员 | 亚洲爆乳大丰满无码专区| 国产成人3p视频免费观看| 免费精品国自产拍在线播放| 久久久久亚洲av成人无码电影| 久久免费精品一区二区| 久久亚洲精品成人无码网站| 久久久久国色AV免费看图片| 久久精品国产亚洲网站| 猫咪免费观看人成网站在线| 久久久久亚洲精品男人的天堂| 一级成人a毛片免费播放|