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中style.display=""无效的解决方法
Oct 30 Javascript
Bootstrap每天必学之表单
Nov 23 Javascript
jQuery插件实现多级联动菜单效果
Dec 01 Javascript
Node.js编写组件的三种实现方式
Feb 25 Javascript
jQuery中$.each()函数的用法引申实例
May 12 Javascript
JavaScript闭包实例详解
Jun 03 Javascript
简单理解vue中el、template、replace元素
Oct 27 Javascript
浅谈Node模块系统及其模式
Nov 17 Javascript
Vue.js 2.0和Cordova开发webApp环境搭建方法
Feb 26 Javascript
iview tabs 顶部导航栏和模块切换栏的示例代码
Mar 04 Javascript
Vue中axios的封装(报错、鉴权、跳转、拦截、提示)
Aug 20 Javascript
JavaScript获取URL参数的方法分享
Apr 07 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
虹吸式咖啡壶操作
2021/03/03 冲泡冲煮
php session安全问题分析
2011/06/24 PHP
php自动注册登录验证机制实现代码
2011/12/20 PHP
PHP中批量生成静态html(命令行下运行PHP)
2014/04/19 PHP
php解决抢购秒杀抽奖等大流量并发入库导致的库存负数的问题
2014/06/19 PHP
PHP中文编码小技巧
2014/12/25 PHP
如何在PHP中读写文件
2020/09/07 PHP
IE浏览器PNG图片透明效果代码
2008/09/02 Javascript
jQuery 选择器项目实例分析及实现代码
2012/12/28 Javascript
js 剪切板应用clipboardData详细解析
2013/12/17 Javascript
使用VS开发 Node.js指南
2015/01/06 Javascript
javascript获取元素离文档各边距离的方法
2015/02/13 Javascript
javascript创建函数的20种方式汇总
2015/06/23 Javascript
JS原型、原型链深入理解
2016/02/27 Javascript
Vue-Cli中自定义过滤器的实现代码
2017/08/12 Javascript
Node.JS循环删除非空文件夹及子目录下的所有文件
2018/03/12 Javascript
基于vue实现圆形菜单栏组件
2019/07/05 Javascript
只有 20 行的 JavaScript 模板引擎实例详解
2020/05/11 Javascript
JavaScript装箱及拆箱boxing及unBoxing用法解析
2020/06/15 Javascript
vue实现移动端input上传视频、音频
2020/08/18 Javascript
[01:20:38]完美世界DOTA2联赛 GXR vs IO 第一场 11.07
2020/11/09 DOTA
使用Python写个小监控
2016/01/27 Python
python中有帮助函数吗
2020/06/19 Python
python实现mask矩阵示例(根据列表所给元素)
2020/07/30 Python
屈臣氏马来西亚官网:Watsons马来西亚
2019/06/15 全球购物
美国宠物护理专家:Revival Animal Health
2020/01/05 全球购物
linux面试题参考答案(8)
2015/08/11 面试题
学生宿舍管理制度
2014/01/30 职场文书
优秀经理获奖感言
2014/03/04 职场文书
大家访活动实施方案
2014/03/10 职场文书
最新大学生创业计划书写作攻略
2014/04/02 职场文书
网络编辑求职信
2014/04/30 职场文书
医院党员公开承诺书
2014/08/30 职场文书
创先争优活动个人总结
2015/03/04 职场文书
工商行政处罚决定书
2015/06/24 职场文书
mysql left join快速转inner join的过程
2021/06/30 MySQL