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 相关文章推荐
js中将多个语句写成一个语句的两种方法小结
Dec 08 Javascript
JS链式调用的实现方法
Mar 07 Javascript
javascript中字符串的定义示例代码
Dec 19 Javascript
使用javascript控制cookie显示和隐藏背景图
Feb 12 Javascript
javascript实现十秒钟后注册按钮可点击的方法
May 13 Javascript
jQuery基于正则表达式的表单验证功能示例
Jan 21 Javascript
JavaScript中捕获与冒泡详解及实例
Feb 03 Javascript
JavaScript实现全选取消效果
Dec 14 Javascript
全面介绍vue 全家桶和项目实例
Dec 27 Javascript
解决vue 更改计算属性后select选中值不更改的问题
Mar 02 Javascript
node.JS的crypto加密模块使用方法详解(MD5,AES,Hmac,Diffie-Hellman加密)
Feb 06 Javascript
vue实现图片按比例缩放问题操作
Aug 11 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/06 新手入门
php 魔术方法使用说明
2009/10/20 PHP
php邮件发送,php发送邮件的类
2011/03/24 PHP
PHP中实现接收多个name相同但Value不相同表单数据实例
2015/02/03 PHP
php有效防止同一用户多次登录
2015/11/19 PHP
php 下 html5 XHR2 + FormData + File API 上传文件操作实例分析
2020/02/28 PHP
php中array_fill函数的实例用法
2021/03/02 PHP
Uglifyjs(JS代码优化工具)入门 安装使用
2020/04/13 Javascript
把jquery 的dialog和ztree结合实现步骤
2013/08/02 Javascript
jquery iframe操作详细解析
2013/11/20 Javascript
JQuery做的一个简单的点灯游戏分享
2014/07/16 Javascript
js实现鼠标触发图片抖动效果的方法
2015/02/27 Javascript
快速学习AngularJs HTTP响应拦截器
2015/12/31 Javascript
js获取页面引用的css样式表中的属性值方法(推荐)
2016/08/19 Javascript
AngularJS 中ui-view传参的实例详解
2017/08/25 Javascript
web3.js增加eth.getRawTransactionByHash(txhash)方法步骤
2018/03/15 Javascript
js jquery 获取某一元素到浏览器顶端的距离实现方法
2018/09/05 jQuery
react高阶组件添加和删除props
2019/04/26 Javascript
用Golang运行JavaScript的实现示例
2019/11/25 Javascript
使用Vue生成动态表单
2019/11/26 Javascript
小程序外卖订单界面的示例代码
2019/12/30 Javascript
opencv python 基于KNN的手写体识别的实例
2018/08/03 Python
opencv3/C++图像像素操作详解
2019/12/10 Python
如何在django中实现分页功能
2020/04/22 Python
利用python 读写csv文件
2020/09/10 Python
python 如何使用find和find_all爬虫、找文本的实现
2020/10/16 Python
HTML利用九宫格原理进行网页布局
2020/03/13 HTML / CSS
什么是用户模式(User Mode)与内核模式(Kernel Mode) ?
2015/09/07 面试题
客户服务经理岗位职责
2014/01/29 职场文书
社区工作者感言
2014/03/02 职场文书
青年文明号口号
2014/06/17 职场文书
2014预备党员党课学习心得范文
2014/07/08 职场文书
如何写好竞聘报告
2019/04/03 职场文书
送给自己的励志语句:要安静的优秀,悄无声息的坚强
2019/11/26 职场文书
vue项目两种方式实现竖向表格的思路分析
2021/04/28 Vue.js
解决Maven项目中 Invalid bound statement 无效的绑定问题
2021/06/15 Java/Android