Rumah > Artikel > hujung hadapan web > Bagaimana untuk menambah dan memadam elemen muat naik borang secara dinamik dengan jQuery (dengan muat turun kod sumber demo)_jquery

Bagaimana untuk menambah dan memadam elemen muat naik borang secara dinamik dengan jQuery (dengan muat turun kod sumber demo)_jquery

WBOYasal: 2016-05-16 15:19:541318semak imbas

Contoh dalam artikel ini menerangkan cara jQuery menambah dan memadam elemen muat naik borang secara dinamik. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

Tangkapan skrin kesan berjalan adalah seperti berikut:

Klik di sini untuk melihat tunjuk cara dalam talian .

Kod khusus adalah seperti berikut:

<html>
<head>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $(":input[type=button][value=more]").bind("click",function(){
 var $br = $("<br />");
 var $file = $("<input type='file' name='name1' />");
 var $button = $("<input type='button' value='delete'>");
 $(this).after($file).after($button).after($br);
 $button.bind("click",function(){
  $br.remove();
  $file.remove();
  $button.remove();
 })
 })
});
</script>
</head>
<body>
<input type="file" name="file1" /><input type="button" value="more" />
</body>
</html>

Klik di sini untuk kod contoh lengkapMuat turun dari tapak ini.

Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan jQuery.

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Penjelasan terperinci tentang corak Pembina dalam kemahiran JavaScript_javascriptArtikel seterusnya：Penjelasan terperinci tentang corak Pembina dalam kemahiran JavaScript_javascript

Artikel berkaitan

Lihat lagi