<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(); }
更多jQuery動態新增 input type=file的實作程式碼相關文章請關注PHP中文網!