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 相关文章推荐
ie和firefox不兼容的解决方法集合
Apr 28 Javascript
javascript replace()正则替换实现代码
Feb 26 Javascript
jQuery 位置函数offset,innerWidth,innerHeight,outerWidth,outerHeight,scrollTop,scrollLeft
Mar 23 Javascript
jQuery数组处理方法汇总
Jun 20 Javascript
jquery 合并内容相同的单元格(示例代码)
Dec 13 Javascript
javascript图片相似度算法实现 js实现直方图和向量算法
Jan 14 Javascript
createTextRange()的使用示例含文本框选中部分文字内容
Feb 24 Javascript
JS版元素周期表实现方法
Aug 05 Javascript
原生js仿jquery实现对Ajax的封装
Oct 04 Javascript
Jquery实现跨域异步上传文件总结
Feb 03 Javascript
AugularJS从入门到实践(必看篇)
Jul 10 Javascript
javascript中toFixed()四舍五入使用方法详解
Sep 28 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
PHP 冒泡排序 二分查找 顺序查找 二维数组排序算法函数的详解
2013/06/25 PHP
php中的常用魔术方法总结
2013/08/02 PHP
实例讲解PHP面向对象之多态
2014/08/20 PHP
Laravel 5 学习笔记
2015/03/06 PHP
laravel自定义分页效果
2017/07/23 PHP
javascript getElementsByTagName
2011/01/31 Javascript
jquery写个checkbox——类似邮箱全选功能
2013/03/19 Javascript
Jquery插件easyUi表单验证提交(示例代码)
2013/12/30 Javascript
Nodejs进程管理模块forever详解
2014/06/01 NodeJs
js面向对象编程之如何实现方法重载
2014/07/02 Javascript
jQuery插件jPaginate实现无刷新分页
2015/05/04 Javascript
jquery简单实现网页层的展开与收缩效果
2015/08/07 Javascript
javascript中判断json的方法总结
2015/08/27 Javascript
在javaScript中检测数据类型的几种方式小结
2017/03/04 Javascript
BootstrapValidator实现注册校验和登录错误提示效果
2017/03/10 Javascript
浅谈 Vue v-model指令的实现原理
2017/06/08 Javascript
Angular4学习笔记之根模块与Ng模块
2017/09/09 Javascript
解决layer弹层遮罩挡住窗体的问题
2018/08/17 Javascript
JavaScript 判断iPhone X Series机型的方法
2019/01/28 Javascript
微信小程序可滑动周日历组件使用详解
2019/10/21 Javascript
JS原型prototype和__proto__用法实例分析
2020/03/14 Javascript
vuex中store存储store.commit和store.dispatch的用法
2020/07/24 Javascript
python绘制双柱形图代码实例
2017/12/14 Python
深入分析python数据挖掘 Json结构分析
2018/04/21 Python
python使用magic模块进行文件类型识别方法
2018/12/08 Python
详解pandas数据合并与重塑(pd.concat篇)
2019/07/09 Python
Python中的None与 NULL(即空字符)的区别详解
2020/09/24 Python
劳力士官方珠宝商:J.R. Dunn Jewelers
2018/09/29 全球购物
阿玛尼美妆英国官网:Giorgio Armani Beauty英国
2019/03/28 全球购物
英语感恩演讲稿
2014/01/14 职场文书
企业车辆管理制度
2014/01/24 职场文书
会计试用期自我评价怎么写
2014/09/18 职场文书
群众路线教育实践活动对照检查材料思想汇报(副处级领导)
2014/10/04 职场文书
2015年房产销售工作总结范文
2015/05/22 职场文书
python 通过使用Yolact训练数据集
2021/04/06 Python
Python pygame实现中国象棋单机版源码
2021/06/20 Python