Maison > interface Web > js tutoriel > le corps du texte

jQuery动态添加 input type=file的实现代码

高洛峰
Libérer: 2017-02-11 17:16:35
original
1393 Les gens l'ont consulté

<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>
Copier après la connexion

核心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(); 
}
Copier après la connexion

更多jQuery动态添加 input type=file的实现代码相关文章请关注PHP中文网!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!