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 相关文章推荐
用函数模板,写一个简单高效的 JSON 查询器的方法介绍
Apr 17 Javascript
js中复制行和删除行的操作实例
Jun 25 Javascript
Ext JS框架程序中阻止键盘触发回退或者刷新页面的代码分享
Jun 07 Javascript
深入浅析JavaScript中的3DES
Aug 24 Javascript
JS获取鼠标相对位置的方法
Sep 20 Javascript
Javascript 正则表达式校验数字的简单实例
Nov 02 Javascript
JS实现仿PS的调色板效果完整实例
Dec 21 Javascript
微信小程序request请求后台接口php的实例详解
Sep 20 Javascript
使用ngrok+express解决本地环境中微信接口调试问题
Feb 26 Javascript
js中对象和面向对象与Json介绍
Jan 21 Javascript
每天学点Vue源码之vm.$mount挂载函数
Mar 11 Javascript
vue+flask实现视频合成功能(拖拽上传)
Mar 04 Vue.js
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(2)
2006/10/09 PHP
PHP 高手之路(二)
2006/10/09 PHP
PHP的substr_replace将指定两位置之间的字符替换为*号
2011/05/04 PHP
PHP+javascript制作带提示的验证码源码分享
2014/05/28 PHP
PHP函数分享之curl方式取得数据、模拟登陆、POST数据
2014/06/04 PHP
php制作的简单验证码识别代码
2016/01/26 PHP
Jquery刷新页面背景图片随机变换的实现方法
2013/03/15 Javascript
解析JavaScript中的不可见数据类型
2013/12/02 Javascript
jquery的ajax简单结构示例代码
2014/02/17 Javascript
JavaScript 基本概念
2015/01/20 Javascript
javascript中sort()的用法实例分析
2015/01/30 Javascript
谈谈jQuery Ajax用法详解
2015/11/27 Javascript
jQuery获取DOM节点实例分析(2种方式)
2015/12/15 Javascript
使用jQuery Mobile框架开发移动端Web App的入门教程
2016/05/17 Javascript
30分钟快速掌握Bootstrap框架
2016/05/24 Javascript
详解vue父子模版嵌套案例
2017/03/04 Javascript
BootStrap中jQuery插件Carousel实现轮播广告效果
2017/03/27 jQuery
vue-cli webpack 引入jquery的方法
2018/01/10 jQuery
解决angular双向绑定无效果,ng-model不能正常显示的问题
2018/10/02 Javascript
JS使用对象的defineProperty进行变量监控操作示例
2019/02/02 Javascript
jquery3和layui冲突导致使用layui.layer.full弹出全屏iframe窗口时高度152px问题
2019/05/12 jQuery
JavaScript实现雪花飘落效果
2020/12/27 Javascript
[01:09:19]DOTA2-DPC中国联赛 正赛 VG vs Aster BO3 第二场 2月28日
2021/03/11 DOTA
django开发之settings.py中变量的全局引用详解
2017/03/29 Python
使用python读取.text文件特定行的数据方法
2019/01/28 Python
Python warning警告出现的原因及忽略方法
2020/01/31 Python
Python基于QQ邮箱实现SSL发送
2020/04/26 Python
python中if及if-else如何使用
2020/06/02 Python
网页切图的CSS和布局经验与要点
2015/04/09 HTML / CSS
德国的大型美妆个护电商:Flaconi
2020/06/26 全球购物
酒店服务实习自我鉴定
2013/09/22 职场文书
研究生自荐信
2013/10/09 职场文书
教师自荐信
2013/12/10 职场文书
教师个人自我鉴定
2014/02/08 职场文书
2014小学数学教研组工作总结
2014/12/06 职场文书
Python中的 Set 与 dict
2022/03/13 Python