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和jquery获取各种屏幕的宽度和高度的代码
Aug 02 Javascript
javascript学习笔记(七)Ajax和Http状态码
Oct 08 Javascript
jQuery中:not选择器用法实例
Dec 30 Javascript
JAVA四种基本排序方法实例总结
Jul 24 Javascript
jQuery实现弹窗居中效果类似alert()
Feb 27 Javascript
vue如何集成raphael.js中国地图的方法示例
Aug 15 Javascript
微信小程序 数据绑定及运算的简单实例
Sep 20 Javascript
JS使用正则表达式找出最长连续子串长度
Oct 26 Javascript
开发Vue树形组件的示例代码
Dec 21 Javascript
Vue.use()在new Vue() 之前使用的原因浅析
Aug 26 Javascript
javascript实现弹出层效果
Dec 10 Javascript
10分钟学会js处理json的常用方法
Dec 06 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实现将GB编码转换为UTF8
2006/11/25 PHP
php使用filter过滤器验证邮箱 ipv6地址 url验证
2013/12/25 PHP
php实现按照权重随机排序数据的方法
2015/01/09 PHP
php列出mysql表所有行和列的方法
2015/03/13 PHP
php排序算法实例分析
2016/10/17 PHP
PHP版微信小店接口开发实例
2016/11/12 PHP
php使用curl_init()和curl_multi_init()多线程的速度比较详解
2018/08/15 PHP
Laravel 添加多语言提示信息的方法
2019/09/29 PHP
Javascript 匿名函数及其代码模式原理
2010/03/19 Javascript
js调用activeX获取u盘序列号的代码
2011/11/21 Javascript
javascript dom追加内容实现示例
2013/09/21 Javascript
JS小功能(onmouseover实现选择月份)实例代码
2013/11/28 Javascript
JS中数组Array的用法示例介绍
2014/02/20 Javascript
jquery 设置style:display的方法
2015/01/29 Javascript
介绍JavaScript的一个微型模版
2015/06/24 Javascript
javascript中setAttribute()函数使用方法及兼容性
2015/07/19 Javascript
XML文件转化成NSData对象的方法
2015/08/12 Javascript
如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标
2016/12/21 Javascript
node.js操作MongoDB的实例详解
2017/10/11 Javascript
使用JavaScript中的lodash编写双色球效果
2018/06/24 Javascript
php中and 和 &&出坑指南
2018/07/13 Javascript
详解Vue.js3.0 组件是如何渲染为DOM的
2020/11/10 Javascript
python使用7z解压软件备份文件脚本分享
2014/02/21 Python
用Python将IP地址在整型和字符串之间轻松转换
2017/03/22 Python
对python3 一组数值的归一化处理方法详解
2018/07/11 Python
python用requests实现http请求代码实例
2019/10/31 Python
图解python全局变量与局部变量相关知识
2019/11/02 Python
基于python代码批量处理图片resize
2020/06/04 Python
python 中的9个实用技巧,助你提高开发效率
2020/08/30 Python
HTML5 Web Database 数据库的SQL语句的使用方法
2012/12/09 HTML / CSS
高中生学习总结的自我评价范文
2013/10/13 职场文书
小学防溺水制度
2014/01/29 职场文书
心理咨询承诺书
2014/05/20 职场文书
群众路线教育实践活动心得体会(四风)
2014/11/03 职场文书
勇敢的心观后感
2015/06/09 职场文书
Java面试题冲刺第十九天--数据库(4)
2021/08/07 Java/Android