jQuery监听事件经典例子


关键字：jQuery监听事件经典例子


js代码：
============================================================

$(function(){
$("#s1 option:first,#s2 option:first").attr("selected",true);

$("#s1").dblclick(function(){
var alloptions = $("#s1 option");
var so = $("#s1 option:selected");

so.get(so.length-1).index == alloptions.length-1?so.prev().attr("selected",true):so.next().attr("selected",true);

$("#s2").append(so);
});

$("#s2").dblclick(function(){
var alloptions = $("#s2 option");
var so = $("#s2 option:selected");

so.get(so.length-1).index == alloptions.length-1?so.prev().attr("selected",true):so.next().attr("selected",true);

$("#s1").append(so);
});

$("#add").click(function(){
var alloptions = $("#s1 option");
var so = $("#s1 option:selected");

so.get(so.length-1).index == alloptions.length-1?so.prev().attr("selected",true):so.next().attr("selected",true);

$("#s2").append(so);
});

$("#remove").click(function(){
var alloptions = $("#s2 option");
var so = $("#s2 option:selected");

so.get(so.length-1).index == alloptions.length-1?so.prev().attr("selected",true):so.next().attr("selected",true);

$("#s1").append(so);
});

$("#addall").click(function(){
$("#s2").append($("#s1 option").attr("selected",true));
});

$("#removeall").click(function(){
$("#s1").append($("#s2 option").attr("selected",true));
});

$("#s1up").click(function(){
var so = $("#s1 option:selected");
if(so.get(0).index!=0){
so.each(function(){
$(this).prev().before($(this));
});
}
});

$("#s1down").click(function(){
var alloptions = $("#s1 option");
var so = $("#s1 option:selected");

if(so.get(so.length-1).index!=alloptions.length-1){
for(i=so.length-1;i>=0;i--)
{
var item = $(so.get(i));
item.insertAfter(item.next());
}
}
});

$("#s2up").click(function(){
var so = $("#s2 option:selected");
if(so.get(0).index!=0){
so.each(function(){
$(this).prev().before($(this));
});
}
});

$("#s2down").click(function(){
var alloptions = $("#s2 option");
var so = $("#s2 option:selected");

if(so.get(so.length-1).index!=alloptions.length-1){
for(i=so.length-1;i>=0;i--)
{
var item = $(so.get(i));
item.insertAfter(item.next());
}
}
});
});


===========================================================