JQuery select标签操作代码段


Posted in Javascript onMay 16, 2010

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

//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 相关文章推荐
js模仿html5 placeholder适应于不支持的浏览器
Jan 13 Javascript
关于IE中getElementsByClassName不能用的问题解决方法
Aug 26 Javascript
js动态创建标签示例代码
Jun 09 Javascript
Javascript中使用parseInt函数需要注意的问题
Apr 02 Javascript
Bootstrap使用基础教程详解
Sep 05 Javascript
完美实现js焦点轮播效果(一)
Mar 07 Javascript
JavaScript字符串检索字符的方法
Jun 23 Javascript
Vue + better-scroll 实现移动端字母索引导航功能
May 07 Javascript
Vue.js 中的 v-model 指令及绑定表单元素的方法
Dec 03 Javascript
JavaScript实现的级联算法示例【省市二级联动功能】
Dec 25 Javascript
js滚轮事件 js自定义滚动条的实现
Jan 18 Javascript
javascript实现移动端红包雨页面
Jun 23 Javascript
js数据验证集合、js email验证、js url验证、js长度验证、js数字验证等简单封装
May 15 #Javascript
Jquery 最近浏览过的商品的功能实现代码
May 14 #Javascript
WEB 浏览器兼容 推荐收藏
May 14 #Javascript
js 数值项目的格式化函数代码
May 14 #Javascript
IE8 中使用加速器(Activities)
May 14 #Javascript
jquery 日期分离成年月日的代码
May 14 #Javascript
JQuery 操作select标签实现代码
May 14 #Javascript
You might like
php curl 获取https请求的2种方法
2015/04/27 PHP
php 指定范围内多个随机数代码实例
2016/07/18 PHP
PHP实现非阻塞模式的方法分析
2018/07/26 PHP
PHP中创建和编辑Excel表格的方法
2018/09/13 PHP
PHP addcslashes()函数讲解
2019/02/03 PHP
从新浪弄下来的全屏广告代码 与使用说明
2007/03/15 Javascript
Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
2013/11/14 Javascript
JS使用for循环遍历Table的所有单元格内容
2014/08/21 Javascript
JavaScript检测实例属性, 原型属性
2015/02/04 Javascript
JavaScript数组去重的3种方法和代码实例
2015/07/01 Javascript
JavaScript jquery及AJAX小结
2016/01/24 Javascript
详解JavaScript跨域总结与解决办法
2016/10/31 Javascript
jquery pagination插件动态分页实例(Bootstrap分页)
2016/12/23 Javascript
利用JavaScript实现栈的数据结构示例代码
2017/08/02 Javascript
angular.extend方法的具体使用
2017/09/14 Javascript
JS获取浏览器地址栏的多个参数值的任意值实例代码
2018/07/24 Javascript
NodeJs 模仿SIP话机注册的方法
2019/06/21 NodeJs
vue.js实现只能输入数字的输入框
2019/10/19 Javascript
[53:15]Newbee vs Pain 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
python实现给字典添加条目的方法
2014/09/25 Python
Python中的with...as用法介绍
2015/05/28 Python
在Django中管理Users和Permissions以及Groups的方法
2015/07/23 Python
横向对比分析Python解析XML的四种方式
2016/03/30 Python
Python对列表中的各项进行关联详解
2017/08/15 Python
Pandas之Fillna填充缺失数据的方法
2019/06/25 Python
Django 静态文件配置过程详解
2019/07/23 Python
Python包,__init__.py功能与用法分析
2020/01/07 Python
python3操作注册表的方法(Url protocol)
2020/02/05 Python
Python 排序最长英文单词链(列表中前一个单词末字母是下一个单词的首字母)
2020/12/14 Python
机电工程学生自荐信范文
2013/12/07 职场文书
大学考试作弊检讨书
2014/01/30 职场文书
酒店管理求职信范文
2014/04/06 职场文书
2014年入党积极分子学习三中全会思想汇报
2014/09/13 职场文书
教师作风整顿个人剖析材料
2014/10/10 职场文书
解除同居协议书
2015/01/29 职场文书
angular异步验证器防抖实例详解
2022/03/31 Javascript