继续上午的动态创建网页元素的问题
我上午在诸位的知道下,已经可以写个动态创建的javascript了,但是创建出来的域,我的其他按钮希望能取到它的值却有问题
<form id=form1 name=form1>
<input type="button" onclick="var ar = [];
var st="<tr><td>测试</td><td><INPUT TYPE='TEXT' NAME='TXTDETAIL'></td></tr>";
for(i=0;i<10;i++){
ar[i] = st;
};
tbl.parentNode.innerHTML=tbl.outerHTML.replace(/<\/table>/i,"")+ar.join("")+"</table>";
" value="测试创建域"><br>
<input type="button" onclick="var sForm=document.forms(0);
alert(sForm.TXTDETAIL.value);
sForm.submit();" value="保存"><span>
<table id="tbl" width="100%" border="1">
<tr valign="top"><td width="50%"><img src="/icons/ecblank.gif" border="0" height="1" width="1" alt=""></td><td width="50%"><img src="/icons/ecblank.gif" border="0" height="1" width="1" alt=""></td></tr>
<tr valign="top"><td width="50%"><img src="/icons/ecblank.gif" border="0" height="1" width="1" alt=""></td><td width="50%"><img src="/icons/ecblank.gif" border="0" height="1" width="1" alt=""></td></tr>
</table>
</span></form>
上面的代码有点乱,创建部分是这样的
var ar = [];
var st="<tr><td>测试</td><td><INPUT TYPE='TEXT' NAME='TXTDETAIL'></td></tr>";
for(i=0;i<10;i++){
ar[i] = st;
};
tbl.parentNode.innerHTML=tbl.outerHTML.replace(/<\/table>/i,"")+ar.join("")+"</table>";
取值的代码是这样的
var sForm=document.forms(0);
alert(sForm.TXTDETAIL.value);
sForm.submit();