手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JQuery 操作select标签实现代码
JQuery 操作select标签实现代码
摘要:下面几个常用的代码或许对您有帮助:复制代码代码如下://1.获取选中option值$('#selectList').val();//2.获取...

下面几个常用的代码或许对您有帮助:

复制代码 代码如下:

//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');

});

});

如果您不了解JQuery,可以先看它的文档。

希望这篇POST对您有帮助。

【JQuery 操作select标签实现代码】相关文章:

jQuery实现不断闪烁文字的方法

JQuery中Text方法用法实例分析

jQuery插件实现适用于移动端的地址选择器

JQuery中DOM实现事件移除的方法

Jquery注册事件实现方法

js实现异步循环实现代码

jQuery实现html表格动态添加新行的方法

JavaScript实现身份证验证代码

JavaScript版代码高亮

JS排序方法(sort,bubble,select,insert)代码汇总

精品推荐
分类导航