cari

Rumah >hujung hadapan web >tutorial js >js kaedah mudah untuk meningkatkan bilangan kotak input secara dinamik dengan mengklik butang dalam kemahiran form_javascript

js kaedah mudah untuk meningkatkan bilangan kotak input secara dinamik dengan mengklik butang dalam kemahiran form_javascript

WBOY
WBOYasal
2016-05-16 15:44:302044semak imbas

Contoh dalam artikel ini menerangkan cara hanya melaksanakan js untuk meningkatkan bilangan kotak input secara dinamik dengan mengklik butang dalam borang. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

Berikut ialah demonstrasi cara meningkatkan bilangan kotak input secara dinamik dengan mengklik butang dalam bentuk lalainya ialah tiada kotak input Selepas mengklik butang, kotak input akan terus meningkat anda klik, satu akan ditambah. Saya fikir ia akan membantu anda.

Kesan operasi adalah seperti yang ditunjukkan di bawah:

Alamat demo dalam talian adalah seperti berikut:

http://demo.jb51.net/js/2015/js-table-input-button-add-codes/

Kod khusus adalah seperti berikut: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>点击按钮动态增加输入框数量</title>
</head>
<body>
<script>var i=1</script>
<input type=button onclick="document.body.insertAdjacentHTML('beforeEnd','<input type=text name='+i+' value='+i+++'> ')" value=添加>
</body>
</html>

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.

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：js melaksanakan kemahiran effect_javascript menu pautan mudahArtikel seterusnya：js melaksanakan kemahiran effect_javascript menu pautan mudah

Artikel berkaitan

Lihat lagi