<table>
<tr>
<td>图片:</td>
<td><input name="img" type="file"></td>
<td>
<input type="button" name="Submit2" value=" + " onClick="add_img(<?=$add_i++?>);">
<input type="button" name="Submit3" value=" - " onClick="add_img();">
</td>
</tr>
</table>
<span id="add_image"></span>
<script>
function add_img() 
{
add_image.innerHTML="";
}
</script>我想按“+”增加一行<input name="img" type="file">,一直按“+”一直增加;按“-”就减少一行<input name="img" type="file">,一直按“-”一直减少。怎么做呢?

解决方案 »

  1.   

    以前用的啊!!呵呵<!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>无标题文档</title>
    </head><body><form name="postform" method="post" action="" enctype="multipart/form-data">
    <input name="submit" type="button" value="上传文件" onClick="addfile();">
     
     本系统最多上传四张图片,且要控制大小。
     <div id="myfile"></div>
    </form>
    <script language=javascript>
    var i=0;
    function addfile()
    {
    i++;
    var str='<span id="filediv' + i +'"><br /><input name="userfile[]" type="file" />';
    str+='<input name="submit" type="button" value="减少文件" onClick="delfile('+i+');"></a></span>';
    document.getElementById('myfile').innerHTML +=str
    }
    function delfile(id)
    {
    document.getElementById('filediv' +id + '').innerHTML = '';
    }
    </script> 
    </body>
    </html>
      

  2.   

    楼上方法差不多了,你也可以用dom操作咯