Rumah > hujung hadapan web > tutorial js > JQuery下拉框应用示例介绍_jquery

JQuery下拉框应用示例介绍_jquery

WBOY
Lepaskan: 2016-05-16 16:51:34
asal
887 orang telah melayarinya

实现两个下拉框数据移动,追加

复制代码 代码如下:

$('#add').click(function(){
var $options = $('#select1 option:selected'); //获取选中的项
var $remove = $options.remove();
$remove.appenTo('#select2');
});

简化如下
复制代码 代码如下:

$('#add').click(function(){
var $options = $('#select1 option:selected'); //获取选中的项
$remove.appenTo('#select2');
});
Label berkaitan:
sumber:php.cn
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan