JQuery select标签操作代码段

　　//1.获取选中option值

　　$('#selectList').val();

　　//2.获取选中option的文本

　　$('#selectList :selected').text();

　　//3.获取多个选中option值、文本

　　var foo = [];

　　$('#multiple :selected').each(function(i, selected) {

　　foo[i] = $(selected).text();

　　});

　　// to get the selected values, just use .val() - this returns a string or array

　　foo = $('#multiple :selected').val();

　　//4.使用选项option的条件表达式

　　switch ($('#selectList :selected').text()) {

　　case 'First Option':

　　//do something

　　break;

　　case 'Something Else':

　　// do something else

　　break;

　　}

　　//5.删除某个value=2的option

　　$("#selectList option[value='2']").remove();

　　//6.从list A 移动option到 list B.

　　// here we have 2 select lists and 2 buttons. If you click the “add” button,

　　// we remove the selected option from select1 and add that same option to select2.

　　// The “remove” button just does things the opposite way around.

　　// Thanks to jQuery's chaining capabilities, what was once a rather tricky undertaking with JS can now be done in 6 lines of code.

　　$().ready(function() {

　　$('#add').click(function() {

　　return !$('#select1 option:selected').appendTo('#select2');

　　});

　　$('#remove').click(function() {

　　return !$('#select2 option:selected').appendTo('#select1');

　　});

　　});