1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > JS实现两表格里数据来回转移办法【javascript】

JS实现两表格里数据来回转移办法【javascript】

时间:2020-09-16 14:54:15

相关推荐

JS实现两表格里数据来回转移办法【javascript】

web前端|js教程

JS,表格,数据,转移

web前端-js教程

女人勾引网站源码,mac使用vscode测试,ubuntu csh没用,tomcat更新ssl,sqlite新生报到系统,onethink 插件开发,web前端一般用哪些框架,室内放什么防爬虫最好,wamp php 多版本,SEO 询盘量,网站栏目数量,网页版的access,discuz 帖子列表模板lzw

最近做项目里用到了一个 两个表格里数据的来回转移,用JS稍微做了下,界面也没有去弄很漂亮

完整的h5项目源码,拷贝ubuntu系统,tomcat高并发挂起处理,nodejs爬虫软件,学php能干什么,佛山市核心关键词seolzw

感觉写得有点繁琐了,有时间再改进哈

173个android项目源码,vscode不联网怎么改中文,ubuntu查看文件内容,web容器tomcat编码文件,sqlite-dll,网页设计图片滚动代码,万网 服务器租用,签到日历插件特效,web前端html框架,网络爬虫python实例,php开源crm,高端seo优化公司,springboot三方依赖,java企业门户网站,网页设计源代码格式,wordpress模板汉化,dede后台用户名修改,js页面输入框,java web教室管理系统课程设计,时时彩源码程序下载lzw

提货送货a{ text-decoration: none; text-align: center; } #main{ postion:relation; } /*左边层*/ #div1 { float: left; postion:relation; } #div1 #left{ float:left; } /*中间层*/ #div2{ float:left; margin-top:50px; } #div2 #div2_2{ margin-top:15px; } /*右边层*/ #div3 { float: left; } #tab_sendValue1 input,#tab_sendValue3 input{ width:40px; border:none; }//全选事件 function myclick(e,itemName){ var items = document.getElementsByName(itemName); for(var i = 0;i < items.length;i++){ items[i].checked = e.checked; } } //移动左边表格的值到右边表格 function sendValueToRight(){ var ary = new Array(); var items = document.getElementsByName("item"); for(var i = 0;i 0;i--){ var leftTbody = document.getElementById("tab_sendValue1"); //左边表格的tbody //判断数组ary里的值是不是行索引 if(!isNaN(ary[i-1])){ leftTbody.deleteRow(ary[i-1]-1); //移除表格的所选行 } } document.getElementById("check_all").checked = false; //全选复选框置为false } //移动左边表格的值到右边表格 function moveValueOfLeft(op){ var wbid = document.getElementById("id"+op).value; var wbno = document.getElementById("no"+op).value; var destination = document.getElementById("des"+op).value; var status = document.getElementById("status"+op).value; var billingdate = document.getElementById("date"+op).value; var rightTbody = document.getElementById("tab_sendValue3"); //右边表格的tbody var tr = document.createElement("tr"); var td1 = document.createElement("td"); var td2 = document.createElement("td"); var td3 = document.createElement("td"); var td4 = document.createElement("td"); var td5 = document.createElement("td"); var td6 = document.createElement("td"); td1.innerHTML = ""; td2.innerHTML = ""; td3.innerHTML = ""; td4.innerHTML = ""; td5.innerHTML = ""; td6.innerHTML = ""; tr.appendChild(td1); tr.appendChild(td2); tr.appendChild(td3); tr.appendChild(td4); tr.appendChild(td5); tr.appendChild(td6); rightTbody.appendChild(tr); } //移动右边表格的值到左边表格 function sendValueToLeft(){ var ary1 = new Array(); var items = document.getElementsByName("item1"); for(var i = 0;i 0;i--){ var rightTbody = document.getElementById("tab_sendValue3"); //右边表格的tbody //判断数组ary里的值是不是行索引 if(!isNaN(ary1[i-1])){ rightTbody.deleteRow(ary1[i-1]-1); //移除表格的所选行 } } document.getElementById("check_all3").checked = false; //全选复选框置为false } //移动右边表格的值到左边表格 function moveValueOfRight(op){ var wbid = document.getElementById("id"+op).value; var wbno = document.getElementById("no"+op).value; var destination = document.getElementById("des"+op).value; var status = document.getElementById("status"+op).value; var billingdate = document.getElementById("date"+op).value; var leftTbody = document.getElementById("tab_sendValue1"); //左边表格的tbody var tr = document.createElement("tr"); var td1 = document.createElement("td"); var td2 = document.createElement("td"); var td3 = document.createElement("td"); var td4 = document.createElement("td"); var td5 = document.createElement("td"); var td6 = document.createElement("td"); td1.innerHTML = ""; td2.innerHTML = ""; td3.innerHTML = ""; td4.innerHTML = ""; td5.innerHTML = ""; td6.innerHTML = ""; tr.appendChild(td1); tr.appendChild(td2); tr.appendChild(td3); tr.appendChild(td4); tr.appendChild(td5); tr.appendChild(td6); leftTbody.appendChild(tr); }

自营路线:长沙

当前网点

长沙

>" onclick="sendValueToRight();" />

<input type="button" value="<

到货网点:

车辆编号:-----请选择----- 到货时间:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。