JQuery select标签操作代码段_Javascript教程-查字典教程网
JQuery select标签操作代码段
JQuery select标签操作代码段
发布时间:2016-12-30 来源:查字典编辑
摘要:下面几个常用的代码或许对您有帮助:复制代码代码如下://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,可以先看它的文档。

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类