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 相关文章推荐
javascript 短路法代码精简
Aug 20 Javascript
javascript中[]和{}对象使用介绍
Mar 20 Javascript
js中的replace方法使用介绍
Oct 28 Javascript
Jquery简单实现GridView行高亮的方法
Jun 15 Javascript
JavaScript必知必会(三) String .的方法来自何方
Jun 08 Javascript
JavaScript字符串对象(string)基本用法示例
Jan 18 Javascript
Jquery-data的三种用法
Apr 18 jQuery
Vue-cli-webpack搭建斗鱼直播步骤详解
Nov 17 Javascript
小程序最新获取用户昵称和头像的方法总结
Sep 23 Javascript
js实现图片无缝循环轮播
Oct 28 Javascript
Vue 实现显示/隐藏层的思路(加全局点击事件)
Dec 31 Javascript
使用react+redux实现计数器功能及遇到问题
Jun 02 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中一个控制字符串输出的函数
2006/10/09 PHP
php合并数组array_merge函数运算符加号与的区别
2008/10/31 PHP
使用VisualStudio开发php的图文设置方法
2010/08/21 PHP
PHP类的静态(static)方法和静态(static)变量使用介绍
2012/02/19 PHP
php绘制一个扇形的方法
2015/01/24 PHP
JavaScript 对象的属性和方法4种不同的类型
2010/03/19 Javascript
ExtJs 表单提交登陆实现代码
2010/08/19 Javascript
原生js写的放大镜效果
2012/08/22 Javascript
javascript中判断json的方法总结
2015/08/27 Javascript
JavaScript 封装一个tab效果源码分享
2015/09/15 Javascript
javascript创建cookie、读取cookie
2016/03/31 Javascript
常用原生JS兼容性写法汇总
2016/04/27 Javascript
BootStrap 智能表单实战系列(五) 表单依赖插件处理
2016/06/13 Javascript
浅谈JavaScript中promise的使用
2017/01/11 Javascript
iview日期控件,双向绑定日期格式的方法
2018/03/15 Javascript
Vue.js组件高级特性实例详解
2018/12/24 Javascript
微信小程序上线发布流程图文详解
2019/05/06 Javascript
Echarts动态加载多条折线图的实现代码
2019/05/24 Javascript
微信小程序 腾讯地图显示偏差问题解决
2019/07/27 Javascript
Vue 解决父组件跳转子路由后当前导航active样式消失问题
2020/07/21 Javascript
[00:12]DAC2018 天才少年转战三号位,他的SOLO是否仍如昔日般强大?
2018/04/06 DOTA
Python判断某个用户对某个文件的权限
2016/10/13 Python
Python实现的堆排序算法原理与用法实例分析
2017/11/22 Python
深入了解和应用Python 装饰器 @decorator
2019/04/02 Python
Pandas实现DataFrame按行求百分数(比例数)
2019/12/27 Python
django中related_name的用法说明
2020/05/20 Python
通俗易懂了解Python装饰器原理
2020/09/17 Python
Lacoste美国官网:经典POLO衫品牌
2016/10/12 全球购物
anello泰国官方网站:日本流行包包品牌
2019/08/08 全球购物
秘书英文求职信范文
2014/01/31 职场文书
班级年度安全计划书
2014/05/01 职场文书
工伤事故处理协议书怎么写
2014/10/15 职场文书
机关作风建设整改方案
2014/10/27 职场文书
2015年消费者权益日活动总结
2015/02/09 职场文书
贫困证明怎么写
2015/06/16 职场文书
JS实现数组去重的11种方法总结
2022/04/04 Javascript