masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > jquery中dom操作和事件的实例学习 下拉框应用_jquery

jquery中dom操作和事件的实例学习 下拉框应用_jquery

WBOY
Lepaskan： 2016-05-16 17:58:50
asal
1034 orang telah melayarinya

今天这个demo是有关下拉框的。

复制代码 代码如下:




选中添加到右边>>
全部添加到右边>>






实现的功能是，能将左边选中的选项添加到右边，双击左边某个选项也能添加给右边，点击全部添加到右边的按钮能把左边都添加到右边去。
jquery代码：
复制代码 代码如下:



dblclick()是鼠标双击事件时触发。
其他的方法和事件之前的例子都有介绍，就不说了。
这个demo代码简单。而且功能确还说实用吧。
Label berkaitan：
kotak drop down
sumber：php.cn
Artikel sebelumnya：javascript检测浏览器flash版本的实现代码_javascript技巧 Artikel seterusnya：javascript 随机展示头像实现代码_javascript技巧
Kenyataan Laman Web ini
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 terbaru oleh pengarang
Isu terkini
Pelapik ibu bapa tidak diendahkan oleh anak yang berkedudukan melekit Bagaimana untuk mengelakkan unsur melekit daripada berada di belakang pengepala? Coretan k...
daripada 2024-04-06 11:42:51
0
1
338
Kotak semak terma dan syarat lalai tersuai dalam Symfony 5 Saya baru mengenali symfony dan saya cuba membina halaman pendaftaran saya. Borang dan med...
daripada 2024-04-04 22:42:19
0
1
1365
Perlukan skrip jquery untuk mengalihkan pilihan yang dipilih dari kotak pilihan berdasarkan pemilihan semasa pengguna akhir Saya mempunyai halaman HTML di mana pengguna akhir boleh meletakkan kedudukan item kami me...
daripada 2024-04-04 18:40:04
0
1
3528
Menu lungsur turun tengah dalam bar navigasi 我制作了这个CSS/HTML。.navbar{width:100%;background-color:rgb(151,44,44);overflow:auto;}.navbara{...
daripada 2024-04-04 18:24:52
0
1
338
Menukar daripada show hidden kepada show block apabila fokus tidak berfungsi Saya cuba untuk mendapatkan "searchbardropdown" saya untuk dipaparkan apabila &q...
daripada 2024-04-04 14:24:47
0
1
371
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan