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 相关文章推荐
用js得到网页中所有的div的id
Oct 19 Javascript
js innerHTML 的一些问题的解决方法
Jun 22 Javascript
javascript import css实例代码
Jul 18 Javascript
javascript 获取网页参数系统
Jul 19 Javascript
仅IE不支持setTimeout/setInterval函数的第三个以上参数
May 25 Javascript
php is_numberic函数造成的SQL注入漏洞
Mar 10 Javascript
JS实现横向拉伸动感伸缩菜单效果代码
Sep 04 Javascript
ionic2 tabs使用 Modal底部tab弹出框
Dec 30 Javascript
Vue通过ref父子组件拿值方法
Sep 12 Javascript
傻瓜式解读koa中间件处理模块koa-compose的使用
Oct 30 Javascript
基于JavaScript或jQuery实现网站夜间/高亮模式
May 30 jQuery
Element InputNumber 计数器的实现示例
Aug 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
150kHz到30Mhz完全冲浪手册
2020/03/20 无线电
PHP实现手机归属地查询API接口实现代码
2012/08/27 PHP
php读取纯真ip数据库使用示例
2014/01/26 PHP
基于thinkPHP类的插入数据库操作功能示例
2017/01/06 PHP
PHP pthreads v3下的Volatile简介与使用方法示例
2020/02/21 PHP
js 日期比较相关天数代码
2014/04/02 Javascript
php和js对数据库图片进行等比缩放示例
2014/04/28 Javascript
使用JavaScript 编写简单计算器
2014/11/24 Javascript
简介JavaScript中getUTCMonth()方法的使用
2015/06/10 Javascript
jquery插件jquery.LightBox.js实现点击放大图片并左右点击切换效果(附demo源码下载)
2016/02/25 Javascript
微信公众号开发 实现点击返回按钮就返回到聊天界面
2016/12/15 Javascript
谈谈JavaScript数组常用方法总结
2017/01/24 Javascript
基于JavaScript实现淘宝商品广告效果
2017/08/10 Javascript
2种简单的js倒计时方式
2017/10/20 Javascript
11个教程中不常被提及的JavaScript小技巧(推荐)
2019/04/17 Javascript
javascript防抖函数debounce详解
2019/06/11 Javascript
深入学习js函数的隐式参数 arguments 和 this
2019/06/24 Javascript
JavaScript编写开发动态时钟
2020/07/29 Javascript
仿照Element-ui实现一个简易的$message方法
2020/09/14 Javascript
Js数组扁平化实现方法代码总汇
2020/11/11 Javascript
js实现简易点击切换显示或隐藏
2020/11/29 Javascript
python益智游戏计算汉诺塔问题示例
2014/03/05 Python
Python装饰器基础详解
2016/03/09 Python
python 实现在Excel末尾增加新行
2018/05/02 Python
python基于http下载视频或音频
2018/06/20 Python
Python跑循环时内存泄露的解决方法
2020/01/13 Python
HTML5 实现一个访问本地文件的实例
2012/12/13 HTML / CSS
简单介绍HTML5中audio标签的使用
2015/09/24 HTML / CSS
navabi英国:设计师大码女装
2019/06/25 全球购物
Tomcat的缺省是多少,怎么修改
2014/04/09 面试题
个人实用简单的自我评价
2013/10/19 职场文书
标准导师推荐信(医学类)
2013/10/28 职场文书
学校介绍信范文
2014/01/14 职场文书
民主生活会批评与自我批评总结
2014/10/17 职场文书
公司转让协议书
2016/03/19 职场文书
彻底解决MySQL使用中文乱码的方法
2022/01/22 MySQL