首頁 > web前端 > js教程 > 主體

jQuery動態加入 input type=file的實作程式碼

高洛峰
發布: 2017-02-11 17:16:35
原創
1449 人瀏覽過

<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=&#39;file&#39; name=&#39;file&#39;><input type=&#39;button&#39; value=&#39;Remove&#39; onclick=&#39;remove(this)&#39;>"; 
content += "</td></tr>" 
$("#fileForm").append(content); 
} 
//删除当前行<tr> 
function remove(obj) { 
$(obj).parent().parent().remove(); 
}
登入後複製

更多jQuery動態新增 input type=file的實作程式碼相關文章請關注PHP中文網!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!