<html> <head> <title>添加&移除附件</title> <mce:script type="text/javascript"><!-- function findobj(name){ return document.getElementById(name); } filenum = 1; function addfile(){ filenum < 5? filenum++ : findobj("addfilelink").disabled=true; findobj("num_"+ filenum).style.display=""; if(filenum == 5){ findobj("addfilelink").disabled=true; } if(filenum >= 2){ findobj("delfilelink").style.display=""; findobj("delfilelink").disabled=false; } } function delfile(){ filenum > 1? findobj("num_"+ filenum).style.display="none" : findobj("delfilelink").disabled=true; filenum--; if(filenum <5 ){ findobj("addfilelink").disabled=false; } if(filenum == 1){ findobj("delfilelink").disabled=true; } } // --></mce:script> </head> <body> <form action="a.jsp" encType=multipart/form-data method=post> <table> <tr><td><a id="addfilelink" href="###" mce_href="###" οnclick="addfile(this.form)">添加附件</a></td></tr> <tr><td><a id="delfilelink" href="###" mce_href="###" οnclick="delfile(this.form)" style="display:none" mce_style="display:none">移除附件</a></td></tr> <tbody id="num_1"> <tr><td><input type="file" name="file[]" size="30"></td></tr> </tbody> <tbody id="num_2" style="display:none" mce_style="display:none"> <tr><td><input type="file" name="file[]" size="30"></td></tr> </tbody> <tbody id="num_3" style="display:none" mce_style="display:none"> <tr><td><input type="file" name="file[]" size="30"></td></tr> </tbody> <tbody id="num_4" style="display:none" mce_style="display:none"> <tr><td><input type="file" name="file[]" size="30"></td></tr> </tbody> <tbody id="num_5" style="display:none" mce_style="display:none"> <tr><td><input type="file" name="file[]" size="30"></td></tr> </tbody> </table> <br> <input type="submit" value="send"> </form> </body> </html> 添加附件最多5个，画面上至少有一个上传控件 另外一种方法 <html> <head> <title>添加&移除附件</title> <mce:script type="text/javascript"><!-- var i = 0; function addfile(){ var tbody = document.createElement("tbody"); tbody.setAttribute("tbody","num"); var trElement = document.createElement("tr"); var tdElement = document.createElement("td"); var inputElement = document.createElement("input"); inputElement.setAttribute("type","file"); inputElement.setAttribute("size","30"); tdElement.appendChild(inputElement); trElement.appendChild(tdElement); tbody.appendChild(trElement); var tableElement = document.getElementsByTagName("table")[0]; tableElement.appendChild(tbody); } // --></mce:script> </head> <body> <form action="a.jsp" encType=multipart/form-data method=post> <table> <tr><td><a id="addfilelink" href="###" mce_href="###" οnclick="addfile(this.form)">添加附件</a></td></tr> <tr><td><a id="delfilelink" href="###" mce_href="###" οnclick="delfile(this.form)" style="display:none" mce_style="display:none">移除附件</a></td></tr> <tbody id="num_1"> <tr><td><input type="file" name="file[]" size="30"></td></tr> </tbody> </table> <br> <input type="submit" value="send"> </form> </body> </html>
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
