怎么用JS做一个表格的增删改查

m3238***

怎么用JS做一个表格的增删改查

naa***

我只是复制上面这位同学的代码看看能不能运行
表格记录增删改查tr{text-align:center;}//通过新增按钮来控制表格的显示与隐藏varoptionFlag="save";varupdateRowIndex=-1;varcheckFlag=false;//默认为不显示functionshow(){optionFlag="save";varf=document.getElementById("did");//获得id为did的divif(!checkFlag){f.style.visibility="visible";}else{f.style.visibility="hidden";}checkFlag=!checkFlag;}//通过保存按钮将数据添加到表格中functioninsertRow_(){switch(optionFlag){case"save":insertRow_$save();break;case"update":insertRow_$update();break;default:alert("操作失败！！");}functioninsertRow_$save(){//通过id获得要添加数据的表格vartable=document.getElementById("tableid");//将所输入的内容赋给定义的变量vartitleName=document.getElementById("title").value;vardigestName=document.getElementById("digest").value;varauthorName=document.getElementById("author").value;//获取下拉框内的内容varselectIndex_=document.getElementById("select");varoption=selectIndex_.options[selectIndex_.selectedIndex];varselectName=option.text;//获取编号的内容varnumberid=table.rows.length;//在表尾添加一行数据varrow_=table.insertRow(table.rows.length);row_.insertCell(0).innerHTML=numberid;row_.insertCell(1).innerHTML=titleName;row_.insertCell(2).innerHTML=digestName;row_.insertCell(3).innerHTML=authorName;row_.insertCell(4).innerHTML=selectName;row_.insertCell(5).innerHTML=' ';document.getElementById("title").value="";document.getElementById("digest").value="";document.getElementById("author").value="";document.getElementById("select").options[0].selected="true";varf=document.getElementById("did");f.style.visibility="hidden";alert("insert数据成功！！");}//修改后的保存vartr;functioninsertRow_$update(){vartable=document.getElementById("tableid");tr=table.rows[updateRowIndex];varp=document.getElementById("title");tr.cells[1].innerHTML=p.value;p=document.getElementById("digest");tr.cells[2].innerHTML=p.value;p=document.getElementById("author");tr.cells[3].innerHTML=p.value;p=document.getElementById("select");varIndex_=p.selectedIndex;varoption=p.options[Index_];varselectName=option.text;tr.cells[4].innerHTML=selectName;document.getElementById("title").value="";document.getElementById("digest").value="";document.getElementById("author").value="";document.getElementById("select").options[0].selected="true";varf=document.getElementById("did");f.style.visibility="hidden";alert("update数据成功！！");}}//通过删除按钮删除当前所在行functiondelete_(row_){vartable=document.getElementById("tableid");table.deleteRow(row_.rowIndex);refurbish_();alert("delete数据成功！！");}//刷新functionrefurbish_(){vartable=document.getElementById("tableid");//获得table的行数varrows=table.rows;for(vari=1;i

时代威客APP

时代威客公众号

时代威客小程序

猜你需要

热门需求

怎么用JS做一个表格的增删改查

参与会员1

可能感兴趣的问答

浏览过的版块

最新任务

最新问答

优

快

专

保

新手帮助

平台规则

关于时代

便捷服务

微信小程序

新浪微博

手机客户端