JQuery中对Select的option项的添加、删除、取值


Posted in Javascript onAugust 25, 2013

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的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

内容清空:
$("#charCity").empty();
Javascript 相关文章推荐
connect中间件session、cookie的使用方法分享
Jun 17 Javascript
window.location的重写及判断location是否被重写
Sep 04 Javascript
JavaScript如何实现组合列表框中元素移动效果
Mar 01 Javascript
Angular2从搭建环境到开发步骤详解
Oct 17 Javascript
js 函数式编程学习笔记
Mar 25 Javascript
JavaScript阻止表单提交方法(附代码)
Aug 15 Javascript
View.post() 不靠谱的地方你知道多少
Aug 29 Javascript
Django使用多数据库的方法
Sep 06 Javascript
jQuery 实现左右两侧菜单添加、移除功能
Jan 02 jQuery
30分钟快速入门掌握ES6/ES2015的核心内容(下)
Apr 18 Javascript
JS面向对象编程基础篇(三) 继承操作实例详解
Mar 03 Javascript
React Native登录之指纹登录篇的示例代码
Nov 03 Javascript
JavaScript限定复选框的选择个数示例代码
Aug 25 #Javascript
jquery中加载图片自适应大小主要实现代码
Aug 23 #Javascript
jquery eval解析JSON中的注意点介绍
Aug 23 #Javascript
jQuery中RadioButtonList的功能及用法实例介绍
Aug 23 #Javascript
使用jQuery插件创建常规模态窗口登陆效果
Aug 23 #Javascript
Jquery绑定事件(bind和live的区别介绍)
Aug 23 #Javascript
鼠标移到导航当前位置的LI变色处于选中状态
Aug 23 #Javascript
You might like
php中通过curl模拟登陆discuz论坛的实现代码
2012/02/16 PHP
php实现用于计算执行时间的类实例
2015/04/18 PHP
jQuery AJAX回调函数this指向问题
2010/02/08 Javascript
jquery防止重复执行动画避免页面混乱
2014/04/22 Javascript
关闭时刷新父窗口两种方法
2014/05/07 Javascript
使用jQuery不判断浏览器高度解决iframe自适应高度问题
2014/12/16 Javascript
Javascript中数组sort和reverse用法分析
2014/12/30 Javascript
jQuery判断对象是否存在的方法
2015/02/05 Javascript
jQuery滚动条插件nanoscroller使用指南
2015/04/21 Javascript
详解javascript的变量与标识符
2016/01/04 Javascript
微信小程序实战之登录页面制作(5)
2020/03/30 Javascript
vue.js 嵌套循环、if判断、动态删除的实例
2018/03/07 Javascript
Vue一次性简洁明了引入所有公共组件的方法
2018/11/28 Javascript
微信小程序自定义导航栏实例代码
2019/04/05 Javascript
TypeScript中使用getElementXXX()的示例代码
2019/09/12 Javascript
vue中根据时间戳判断对应的时间(今天 昨天 前天)
2019/12/20 Javascript
常用python数据类型转换函数总结
2014/03/11 Python
Python运维开发之psutil库的使用详解
2018/10/18 Python
对python中dict和json的区别详解
2018/12/18 Python
在pycharm下设置自己的个性模版方法
2019/07/15 Python
使用Python制作表情包实现换脸功能
2019/07/19 Python
Python Django搭建网站流程图解
2020/06/13 Python
html5中的一些标签学习(心得)
2016/10/18 HTML / CSS
匡威帆布鞋美国官网:Converse美国
2016/08/22 全球购物
德国机场停车位比较和预订网站:Ich-parke-billiger
2018/01/08 全球购物
电气自动化自荐信
2013/10/10 职场文书
银行实习自我鉴定
2013/10/12 职场文书
清明节扫墓活动方案
2014/03/02 职场文书
创新型城市实施方案
2014/03/06 职场文书
小学语文教学经验交流材料
2014/06/02 职场文书
党的群众路线教育实践活动个人整改方案
2014/09/21 职场文书
朋友离别感言
2015/08/04 职场文书
2016年寒假政治学习心得体会
2015/10/09 职场文书
妇产科护理心得体会
2016/01/22 职场文书
那些美到让人窒息的诗句,值得你收藏!
2019/08/20 职场文书
未发现nvidia显卡怎么办?Win11系统中未检测到nvidia显卡解决教程
2022/04/08 数码科技