当在表单数量输入框里面输入数字的时候,立刻添加相应数量的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=该函数名