ホームページ > 記事 > ウェブフロントエンド > jQuery は input type=file 実装コードを動的に追加します
<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>
Core jquery code
//添加一行<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(); }
input type=file の jQuery 動的追加実装コードの詳細については、PHP 中国語 Web サイトの関連記事に注目してください。