复制代码 代码如下: <form id="fileForm" action="" method="post" enctype="multipart/form-data"> <tr> <td> <input type="file" name="file"><input type="button" id="addButon" value="Add" onclick="add()"> </td> </tr> </form> 核心jquery代码复制代码 代码如下: //添加一行<tr> function add() { var content = "<tr><td>"; content += "<input type='file' name='file'><input type='button' value='Remove' onclick='remove(this)'>"; content += "</td></tr>" $("#fileForm").append(content); } //删除当前行<tr> function remove(obj) { $(obj).parent().parent().remove(); } 脚本之家整理的在线演示：http://demo.jb51.net/jquery/juqery_input/

　　推荐阅读

　　jquery不会自动回收xmlHttpRequest对象 导致了内存溢出

之前一直都不曾注意到这一点，今天幸亏看了kuibono的文章，下面是kuibono给出的手动回收xmlHttpRequest对象的代码片断： 每次jquery的Ajax请求都会创建一个xmlHttprequest对象，理论上讲，长连接的请求是一个无限递>>>详细阅读

本文标题：jQuery动态添加 input type=file的实现代码

地址：http://www.17bianji.com/kaifa2/JS/23352.html

 1/2    1