`
- 浏览:
531923 次
- 性别:
- 来自:
西安
-
- <script type="text/javascript">
-
- var i=0;
-
- function addMyRow(){
- var mytable = document.getElementById("mybody");
- var mytr = mytable.insertRow();
- mytr.setAttribute("id","tr"+i);
- var mytd_1=mytr.insertCell();
- var mytd_2=mytr.insertCell();
- var mytd_3=mytr.insertCell();
- var mytd_4=mytr.insertCell();
- var mytd_5=mytr.insertCell();
- mytd_1.innerHTML="<input type='text' name='myname"+i+"'/>";
- mytd_2.innerHTML="<input type='radio' name='mysex"+i+"' value='1'/>男<input type='radio' name='mysex"+i+"' value='2'/>女";
- mytd_3.innerHTML="<input type='checkbox' name='mylove"+i+"' value='1'/>上网<input type='checkbox' name='mylove"+i+"' value='2'/>篮球<input type='checkbox' name='mylove"+i+"' value='3'/>游泳";
- mytd_4.innerHTML="<select name='myjg"+i+"'><option value='1'>北京</option><option value='2'>河北</option><option value='3'>天津</option></select>";
- mytd_5.innerHTML="<input type='button' value='删除' onclick=\"delMyRow('"+i+"')\"/>";
- i++;
- }
-
- function delMyRow(j){
- var mytable = document.getElementById("mybody");
- var myrow = document.getElementById("tr"+j);
- mytable.deleteRow(myrow.rowIndex-1);
- }
-
- function delAllMyRow(){
- var mytable = document.getElementById("mybody");
- var rowlen=mytable.rows.length;
- for(var i=rowlen-1;i>=0;i--){
- mytable.deleteRow(i);
- }
- }
- </script>
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
本文,我将以一个类似的例子来做一个前台用Javascript动态添加数据项,后台保存到数据库的例子。
表格部分代码如下: ”testTbl” border=1> ”tr1″> <td width=6%><input type=checkbox id=”box1″> ”b”>第一行 ”tr2″> <td width=6%><input type=checkbox id=”box2″> ”b”>第二行 ...
最近做项目遇到这样的需求,要求表格添加一行,表格删除一行,表格遍历取值等。下面小编给大家带来了js动态添加表格逐行添加、删除、遍历取值的实例代码,需要的朋友参考下
本文给大家分享使用原生javascript实现动态向表格中添加数据的方法,代码简单易懂,非常不错,具有参考借鉴价值,需要的的朋友参考下吧
在客户端使用JavaScript动态添加表格行,先到网上找了相关的资料,发现有现成做好的组件,发现它只能够满足比较简单的要求。
最近听说了一个名词word宏编程。自己也学习了一下js动态添加word表格