jquery操作select方法汇总


Posted in Javascript onFebruary 05, 2015

本文实例汇总了jquery操作select的方法。分享给大家供大家参考。具体如下:

jQuery获取Select选择的Text和Value:     

语法解释:

$("#select_id").change(function(){//code...});//为Select添加事件,当选择其中一项时触发

var checkText=$("#select_id").find("option:selected").text();//获取Select选择的Text

var checkValue=$("#select_id").val();//获取Select选择的Value

var checkIndex=$("#select_id ").get(0).selectedIndex;//获取Select选择的索引值

var maxIndex=$("#select_id option:last").attr("index");//获取Select最大的索引值

jQuery设置Select选择的Text和Value:      

语法解释:

$("#select_id ").get(0).selectedIndex=1;//设置Select索引值为1的项选中

$("#select_id ").val(4);//设置Select的Value值为4的项选中

$("#select_id option[text='jQuery']").attr("selected", true);//设置Select的Text值为jQuery的项选中

jQuery添加/删除Select的Option项:

语法解释:      

$("#select_id").append("<option value='Value'>Text</option>");//为Select追加一个Option(下拉项)

$("#select_id").prepend("<option value='0'>请选择</option>");//为Select插入一个Option(第一个位置)

$("#select_id option:last").remove();//删除Select中索引值最大Option(最后一个)

$("#select_id option[index='0']").remove();//删除Select中索引值为0的Option(第一个)

$("#select_id option[value='3']").remove();//删除Select中Value='3'的Option 

$("#select_id option[text='4']").remove();//删除Select中Text='4'的Option

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
又一个图片自动缩小的JS代码
Mar 10 Javascript
JavaScript RegExp方法获取地址栏参数(面向对象)
Mar 10 Javascript
jquery中动态效果小结
Dec 16 Javascript
js获取时间精确到秒(年月日)
Mar 16 Javascript
AngularJS国际化详解及示例代码
Aug 18 Javascript
javascript实现右下角广告框效果
Feb 01 Javascript
JS检测是否可以访问公网服务器功能代码
Jun 19 Javascript
JavaScript代码判断输入的字符串是否含有特殊字符和表情代码实例
Aug 17 Javascript
Three.js基础学习之场景对象
Sep 27 Javascript
JS实现生成由字母与数字组合的随机字符串功能详解
May 25 Javascript
JS实现方形抽奖效果
Aug 27 Javascript
基于vue写一个全局Message组件的实现
Aug 15 Javascript
高性能JavaScript模板引擎实现原理详解
Feb 05 #Javascript
jquery操作复选框checkbox的方法汇总
Feb 05 #Javascript
js中hash和ico的关联分析
Feb 05 #Javascript
js与jquery实时监听输入框值的oninput与onpropertychange方法
Feb 05 #Javascript
moment.js轻松实现获取当前日期是当年的第几周
Feb 05 #Javascript
javascript判断移动端访问设备并解析对应CSS的方法
Feb 05 #Javascript
Javascript数组操作函数总结
Feb 05 #Javascript
You might like
一个程序下载的管理程序(一)
2006/10/09 PHP
获取用户Ip地址通用方法与常见安全隐患(HTTP_X_FORWARDED_FOR)
2013/06/01 PHP
php自动给网址加上链接的方法
2015/06/02 PHP
thinkphp3.x中display方法及show方法的用法实例
2016/05/19 PHP
Yii框架弹出窗口组件CJuiDialog用法分析
2017/01/07 PHP
php中isset与empty函数的困惑与用法分析
2019/07/05 PHP
thinkphp框架实现路由重定义简化url访问地址的方法分析
2020/04/04 PHP
滚动条变色 隐藏滚动条与双击网页自动滚屏显示代码
2009/12/28 Javascript
使用滤镜设置透明导致 IE 6/7/8/9 解析异常的解决方法
2011/04/07 Javascript
JS图片预加载 JS实现图片预加载应用
2012/12/03 Javascript
JS实现仿百度输入框自动匹配功能的示例代码
2014/02/19 Javascript
ExtJs纵坐标值重复问题的解决方法
2014/02/27 Javascript
js识别不同浏览器基于userAgent做判断
2014/07/29 Javascript
不能不知道的10个angularjs英文学习网站
2016/03/23 Javascript
Vue.js报错Failed to resolve filter问题的解决方法
2016/05/25 Javascript
jquery判断对象是否为空并遍历对象的简单实例
2016/07/26 Javascript
详解用vue.js和laravel实现微信支付
2017/06/23 Javascript
Vue 第三方字体图标引入 Font Awesome的方法
2018/09/28 Javascript
深入学习TypeScript 、React、 Redux和Ant-Design的最佳实践
2019/06/17 Javascript
vue框架制作购物车小球动画效果实例代码
2019/09/26 Javascript
js实现坦克大战游戏
2020/02/24 Javascript
JS轮播图的实现方法
2020/08/24 Javascript
Python中使用动态变量名的方法
2014/05/06 Python
python使用turtle库绘制时钟
2020/03/25 Python
Python后台开发Django的教程详解(启动)
2019/04/08 Python
Win10系统下安装labelme及json文件批量转化方法
2019/07/30 Python
Python中使用threading.Event协调线程的运行详解
2020/05/02 Python
关于keras中keras.layers.merge的用法说明
2020/05/23 Python
卡西欧G-SHOCK英国官网: 防水防震手表
2018/01/08 全球购物
波兰最大的宠物用品网上商店:FERA.PL
2019/08/11 全球购物
一套带答案的C++笔试题
2014/01/10 面试题
写好自荐信的技巧
2013/11/08 职场文书
高中数学教学反思范文
2016/02/18 职场文书
《草虫的村落》教学反思
2016/02/20 职场文书
2016年安全月活动总结
2016/04/06 职场文书
KVM基础命令详解
2022/04/30 Servers