js clone

最新推荐文章于 2022-07-04 16:19:34 发布

iteye_7030

最新推荐文章于 2022-07-04 16:19:34 发布

阅读量92

点赞数

分类专栏： Javascript 文章标签： JavaScript XHTML J# HTML ViewUI

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/iteye_7030/article/details/81860369

版权

Javascript 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv="Content-Type" content= "text/html; charset=gb2312" />
<title> 控件cloneNode （）方法的使用</title>
<script language="javascript" >
i=1 ;
function AddRow()
{
var tableObject=new Object();
var isneed=true ;
tableObject=document.getElementById("CloneNodeShow" );
//判断是否有必要添加新的输入行
for (var j= 0 ;j<tableObject.all.tags( "input" ).length;j++)
{
var inputs = tableObject.all.tags("input" )[j];
if (inputs.type== "text" && inputs.value== "" )
{
isneed=false ;
}
}
if (isneed)
{
//添加一行
var newTR=tableObject.insertRow();
var td0=newTR.insertCell();
var td1=newTR.insertCell();
var td2=newTR.insertCell();
var td3=newTR.insertCell();
td0.innerHTML=(++i)+'.' ;
td1.innerHTML='<input type="text" name="username"/>' ;
//true表示深度克隆
var newSelect=document.getElementById("sexType" ).cloneNode ( true );
newSelect.id="sexType" +i;
td2.appendChild(newSelect);
td3.innerHTML='<input type="text" name="age" οnchange="AddRow()"/>' ;
}
}
</script>
</head>
<body>
<form>
<table id="CloneNodeShow" border= "2" bordercolor= "#000000" >
<tr><th></th><th> 姓名</th><th>性别</th><th>年龄</th></tr>
<tr id="signTR" >
<td>1 .</td>
<td><input type="text" name= "username" /></td>
<td>
<select name="sexType" id= "sexType" >
<option value="%" >请选择性别</option>
<option value="0" >男</option>
<option value="1" >女</option>
</select>
</td>
<td><input type="text" name= "age" οnchange= "AddRow()" /></td>
</tr>
</table>
</form>
</body>
</html>

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js clone

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; ...
复制链接

扫一扫

专栏目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。