PHP开发 加入小组

298个成员 3006个话题 创建时间:2011-05-30

JS动态添加input框

发表于 2012-09-15 11315 次查看

当在表单数量输入框里面输入数字的时候,立刻添加相应数量的input

 
代码如下,使用的是onkeyup触发事件,有不足的一定要指出来,谢谢:
<body>
<form action="" method="post" enctype="multipart/form-data" >
<div id="inputarea"></div>
</form>
 
<span>请输入上传图片数量:</span>
<input type="text" name="filesNum" id="filesNum" size="2" /><br />
 
<script type="text/javascript">
<!--
document.getElementByIdx_x_x("filesNum").onkeyup=function(){
var filesNum=document.getElementByIdx_x_x('filesNum').value;
document.getElementByIdx_x_x('inputarea').innerHTML='';
var inputArea=document.getElementByIdx_x_x('inputarea');
for(i=1;i<=filesNum;i++){
var inputHtml="<input type=\"file\" name=\"myfile[]\"/> <br />";
inputArea.innerHTML+=inputHtml;
}
if(filesNum!=0){
inputArea.innerHTML+="<input type=\"submit\" value=\"上传\">";
}
}
 
 
//-->
</script>
</body>



补充下 可以把JS代码放在一个函数里面。window.load=该函数名
发表回复
功能维护升级中,维护完成完后将再次开放,非常抱歉给您学习造成的不便。