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