<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
        主站蜘蛛池模板: 日本视频免费高清一本18| 无码少妇一区二区浪潮免费| 色视频色露露永久免费观看| 亚洲日本香蕉视频观看视频| 亚洲欧美第一成人网站7777 | 亚洲AV无码乱码国产麻豆穿越 | 亚洲欧洲日本在线观看| 日韩在线观看视频免费| 国产成人免费片在线观看| 精品国产日韩亚洲一区91| 99re6免费视频| 亚洲人AV永久一区二区三区久久| 免费国产在线精品一区| 2021免费日韩视频网| 久久久久亚洲精品天堂久久久久久| jizz免费一区二区三区| 亚洲妇熟XXXX妇色黄| 美女露隐私全部免费直播| 亚洲国产天堂久久久久久| 成人免费无码H在线观看不卡| 国产又大又粗又硬又长免费| 亚洲AV无码久久久久网站蜜桃| a级毛片100部免费观看| 久久精品国产精品亚洲毛片| 色播精品免费小视频| 久久精品国产亚洲AV未满十八 | 亚洲人成在线影院| a免费毛片在线播放| 久久噜噜噜久久亚洲va久| 国产精品九九久久免费视频| 亚洲av无码片在线播放| 免费人成视频在线| 亚洲成A∨人片在线观看无码| 成人性生交大片免费看午夜a | 男人都懂www深夜免费网站| 亚洲国产精品成人综合久久久| 精品久久久久久久免费人妻| 在线看片免费人成视频福利| 亚洲国产日产无码精品| 亚洲精品国产高清不卡在线| 99精品视频在线观看免费专区|