JQuery 操作select标签实现代码


Posted in Javascript onMay 14, 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,可以先看它的文档。

希望这篇POST对您有帮助。

Javascript 相关文章推荐
json格式化/压缩工具 Chrome插件扩展版
May 25 Javascript
jQuery.fn和jQuery.prototype区别介绍
Oct 05 Javascript
Javascript基础教程之argument 详解
Jan 18 Javascript
莱鸟介绍window.print()方法
Jan 06 Javascript
JS实现获取来自百度,Google,soso,sogou关键词的方法
Dec 21 Javascript
json数据处理及数据绑定
Jan 25 Javascript
清空元素html("") innerHTML="" 与 empty()的区别和应用(推荐)
Aug 14 Javascript
jquery实现左右轮播图效果
Sep 28 jQuery
babel之配置文件.babelrc入门详解
Feb 22 Javascript
JavaScript中引用vs复制示例详析
Dec 06 Javascript
Javascript实现鼠标点击冒泡特效
Dec 24 Javascript
JS替换字符串中指定位置的字符(多种方法)
May 28 Javascript
高性能web开发 如何加载JS,JS应该放在什么位置?
May 14 #Javascript
js 图片等比例缩放代码
May 13 #Javascript
跨浏览器开发经验总结(四) 怎么写入剪贴板
May 13 #Javascript
跨浏览器开发经验总结(三)   警惕“IE依赖综合症”
May 13 #Javascript
JavaScript prototype属性使用说明
May 13 #Javascript
js 实现复制到粘贴板的功能代码
May 13 #Javascript
js href的用法
May 13 #Javascript
You might like
摩卡咖啡
2021/03/03 咖啡文化
一些常用的php函数
2006/12/06 PHP
php 正确解码javascript中通过escape编码后的字符
2010/01/28 PHP
PHP中几种常见的超时处理全面总结
2012/09/11 PHP
PHP实现事件机制实例分析
2015/06/26 PHP
php单元测试phpunit入门实例教程
2017/11/17 PHP
ThinkPHP5.0框架结合Swoole开发实现WebSocket在线聊天案例详解
2019/04/02 PHP
jQuery 1.4 15个你应该知道的新特性(译)
2010/01/24 Javascript
javascript instanceof,typeof的区别
2010/03/24 Javascript
基于JQuery模仿苹果桌面的Dock效果(初级版)
2012/10/15 Javascript
JS按字节截取字符长度实例
2013/11/20 Javascript
JS获取DropDownList的value值与text值的示例代码
2014/01/07 Javascript
jquery实现保存已选用户
2014/07/21 Javascript
把文本中的URL地址转换为可点击链接的JavaScript、PHP自定义函数
2014/07/29 Javascript
jquery实现的树形目录实例
2015/06/26 Javascript
微信小程序 特效菜单抽屉效果实例代码
2017/01/11 Javascript
微信小程序商品到详情的实现
2017/06/27 Javascript
React styled-components设置组件属性的方法
2018/08/07 Javascript
JS调用安卓手机摄像头扫描二维码
2018/10/16 Javascript
浅谈Layui的eleTree树式选择器使用方法
2019/09/25 Javascript
[01:01:51]EG vs VG Supermajor小组赛B组 BO3 第二场 6.2
2018/06/03 DOTA
python利用urllib和urllib2访问http的GET/POST详解
2017/09/27 Python
Linux下python3.6.1环境配置教程
2018/09/26 Python
python中的协程深入理解
2019/06/10 Python
Python中查看变量的类型内存地址所占字节的大小
2019/06/26 Python
详细整理python 字符串(str)与列表(list)以及数组(array)之间的转换方法
2019/08/30 Python
Tensorflow进行多维矩阵的拆分与拼接实例
2020/02/07 Python
澳大利亚Mocha官方网站:包、钱包、珠宝和配饰
2019/07/18 全球购物
英国百年闻名的优质健康产品连锁店:Holland & Barrett
2019/12/19 全球购物
护士辞职信模板
2014/01/20 职场文书
小学端午节活动方案
2014/03/13 职场文书
学期评语大全
2014/04/30 职场文书
投资意向协议书
2015/01/29 职场文书
PC版《死亡搁浅导剪版》现已发售 展开全新的探险
2022/04/03 其他游戏
vue中的可拖拽宽度div的实现示例
2022/04/08 Vue.js
JS class语法糖的深入剖析
2022/07/07 Javascript