我有datas.js中存放的数据源,还有table.js 组件,如何在html将datas.js中的数据传到table.js的td中
1个回答
展开全部
以下是纯js+html实现的增删改操作代码,你可以参考以下。当然也可以使用jquery之类的框架来实现,最终的原理都是一样的。
<html> <head> <title>增删改查</title> <style type=""> tr{ text-align:center; } </style> <script type="text/javascript"> //通过新增按钮来控制表格的显示与隐藏 var optionFlag = "save"; var updateRowIndex = -1; var checkFlag=false;//默认为不显示 function show() { optionFlag = "save"; var f = document.getElementById("did");//获得id为did的 div if(!checkFlag) { f.style.visibility="visible"; }else{ f.style.visibility="hidden"; } checkFlag=!checkFlag; } //通过保存按钮将数据添加到表格中 function insertRow_() { switch(optionFlag) { case "save" : insertRow_$save(); break; case "update" : insertRow_$update(); break; default : alert("操作失败。。。"); } function insertRow_$save() { //通过id获得要添加数据的表格 var table = document.getElementById("tableid"); //将所输入的内容赋给定义的变量 var titleName = document.getElementById("title").value; var digestName = document.getElementById("digest").value; var authorName = document.getElementById("author").value;
<html> <head> <title>增删改查</title> <style type=""> tr{ text-align:center; } </style> <script type="text/javascript"> //通过新增按钮来控制表格的显示与隐藏 var optionFlag = "save"; var updateRowIndex = -1; var checkFlag=false;//默认为不显示 function show() { optionFlag = "save"; var f = document.getElementById("did");//获得id为did的 div if(!checkFlag) { f.style.visibility="visible"; }else{ f.style.visibility="hidden"; } checkFlag=!checkFlag; } //通过保存按钮将数据添加到表格中 function insertRow_() { switch(optionFlag) { case "save" : insertRow_$save(); break; case "update" : insertRow_$update(); break; default : alert("操作失败。。。"); } function insertRow_$save() { //通过id获得要添加数据的表格 var table = document.getElementById("tableid"); //将所输入的内容赋给定义的变量 var titleName = document.getElementById("title").value; var digestName = document.getElementById("digest").value; var authorName = document.getElementById("author").value;
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询