下面几个常用的代码或许对您有帮助: 复制代码 代码如下: //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对您有帮助。
推荐阅读
JavaScript 面向对象的 私有成员和公开成员
其实很简单,废话少说,看了下面的代码及注释相信你就会一目了然! 复制代码 代码如下: //声明类,就是一个方法,其实在JavaScript中,命名空间、类、成员.... 一切皆对象 MyClass =function(){ var _this=this; />>>详细阅读
本文标题:JQuery 操作select标签实现代码
地址:http://www.17bianji.com/kaifa2/JS/26404.html
1/2 1