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 相关文章推荐
jQuery中extend函数详解
Feb 13 Javascript
Javascript中的方法链(Method Chaining)介绍
Mar 15 Javascript
JavaScript的History API使搜索引擎抓取AJAX内容
Dec 07 Javascript
理解JavaScript中worker事件api
Dec 25 Javascript
微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
Apr 18 Javascript
Iscrool下拉刷新功能实现方法(推荐)
Jun 26 Javascript
使用JavaScript实现node.js中的path.join方法
Aug 12 Javascript
详解微信小程序文件下载--视频和图片
Apr 24 Javascript
vue实现按需加载组件及异步组件功能
May 27 Javascript
vue动态配置模板 'component is'代码
Jul 04 Javascript
vue v-for 点击当前行,获取当前行数据及event当前事件对象的操作
Sep 10 Javascript
JavaScript 常见的继承方式汇总
Sep 17 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+MySQL之Insert Into数据插入用法分析
2015/09/27 PHP
CodeIgniter框架验证码类库文件与用法示例
2017/03/18 PHP
PHP实现json_decode不转义中文的方法
2017/05/20 PHP
[原创]PHP正则删除html代码中a标签并保留标签内容的方法
2017/05/23 PHP
解决PHP使用CURL发送GET请求时传递参数的问题
2019/10/11 PHP
JavaScript 字符串连接性能优化
2008/12/20 Javascript
兼容多浏览器的iframe自适应高度(ie8 、谷歌浏览器4.0和 firefox3.5.3)
2009/11/04 Javascript
JavaScript 利用Cookie记录用户登录信息
2009/12/08 Javascript
两个listbox实现选项的添加删除和搜索
2013/03/01 Javascript
JQuery 图片的展开和伸缩实例讲解
2013/04/18 Javascript
读取input:file的路径并显示本地图片的方法
2013/09/23 Javascript
jQuery实现移动 和 渐变特效的点击事件
2015/02/26 Javascript
js事件驱动机制 浏览器兼容处理方法
2016/07/23 Javascript
手动初始化Angular的模块与控制器
2016/12/26 Javascript
Electron-vue开发的客户端支付收款工具的实现
2019/05/24 Javascript
利用百度echarts实现图表功能简单入门示例【附源码下载】
2019/06/10 Javascript
深入解析koa之中间件流程控制
2019/06/17 Javascript
使用layer模态框给新页面传值的方法
2019/09/27 Javascript
vue实现折线图 可按时间查询
2020/08/21 Javascript
[02:32]【DOTA2亚洲邀请赛】iceice,梦开始的地方
2017/03/13 DOTA
python snownlp情感分析简易demo(分享)
2017/06/04 Python
Python常见字典内建函数用法示例
2018/05/14 Python
Sanic框架请求与响应实例分析
2018/07/16 Python
Python3实现的判断环形链表算法示例
2019/03/07 Python
python实现本地批量ping多个IP的方法示例
2019/08/07 Python
解决Python在导入文件时的FileNotFoundError问题
2020/04/10 Python
tensorflow之读取jpg图像长和宽实例
2020/06/18 Python
Python图像读写方法对比
2020/11/16 Python
python 三种方法提取pdf中的图片
2021/02/07 Python
澳大利亚体育和露营装备在线/实体零售商:Find Sports
2020/06/03 全球购物
详细的大学生创业计划书模板
2014/01/27 职场文书
四年级语文教学反思
2014/02/05 职场文书
小学生读书感言
2014/02/12 职场文书
敬老模范事迹
2014/05/21 职场文书
重阳节标语大全
2014/10/07 职场文书
鲁滨孙漂流记读书笔记
2015/06/30 职场文书