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动态添加Table的TR,TD实现方法
Jan 28 Javascript
基于JSON格式数据的简单jQuery幻灯片插件(jquery-slider)
Aug 10 Javascript
jQuery 全选 全不选 事件绑定的实现代码
Jan 23 Javascript
jQuery表单元素选择器代码实例
Feb 06 Javascript
简单的vue-resourse获取json并应用到模板示例
Feb 10 Javascript
JS实现的简单拖拽功能示例
Mar 13 Javascript
JavaScript实现QQ聊天消息展示和评论提交功能
May 22 Javascript
Bootstrap下拉菜单更改为悬停(hover)触发的方法
May 24 Javascript
Vue-Access-Control 前端用户权限控制解决方案
Dec 01 Javascript
JS实现验证码倒计时的注册页面
Jan 02 Javascript
解决vue attr取不到属性值的问题
Sep 18 Javascript
微信小程序实现购物车功能
Nov 18 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 smarty模版引擎中变量操作符及使用方法
2009/12/11 PHP
Yii获取当前url和域名的方法
2015/06/08 PHP
优化innerHTML操作(提高代码执行效率)
2011/08/20 Javascript
Javascript 判断是否存在函数的方法
2013/01/03 Javascript
用JavaScript实现动画效果的方法
2013/07/20 Javascript
javascript相等运算符与等同运算符详细介绍
2013/11/09 Javascript
快速解决jquery之get缓存问题的最简单方法介绍
2013/12/19 Javascript
jQuery简易图片放大特效示例代码
2014/06/09 Javascript
JavaScript中数据结构与算法(一):栈
2015/06/19 Javascript
jQuery实现的漂亮表单效果代码
2015/08/18 Javascript
基于jquery实现在线选座订座之影院篇
2015/08/24 Javascript
Angular.js 实现数字转换汉字实例代码
2016/07/14 Javascript
js当前页面登录注册框,固定div,底层阴影的实例代码
2016/10/04 Javascript
socket.io学习教程之基本应用(二)
2017/04/29 Javascript
Iview Table组件中各种组件扩展的使用
2018/10/20 Javascript
angularjs通过过滤器返回超链接的方法
2018/10/26 Javascript
Nuxt使用Vuex的方法示例
2019/09/06 Javascript
Vue实现页面添加水印功能
2019/11/09 Javascript
ant-design-vue 快速避坑指南(推荐)
2020/01/21 Javascript
Python3.6正式版新特性预览
2016/12/15 Python
如何用Python合并lmdb文件
2018/07/02 Python
详解Python并发编程之创建多线程的几种方法
2019/08/23 Python
Python非单向递归函数如何返回全部结果
2020/12/18 Python
Python读取pdf表格写入excel的方法
2021/01/22 Python
巴西葡萄酒销售网站:Wine.com.br
2017/11/07 全球购物
Annoushka英国官网:英国奢侈珠宝品牌
2018/10/20 全球购物
Camper鞋西班牙官方网上商店:西班牙马略卡岛的鞋类品牌
2019/03/14 全球购物
Bath & Body Works阿联酋:在线购买沐浴和身体用品
2021/02/27 全球购物
大学校园毕业自我鉴定
2014/01/15 职场文书
网上签名寄语活动留言
2014/01/18 职场文书
日化店促销方案
2014/03/26 职场文书
国贸专业求职信
2014/06/28 职场文书
俞敏洪一分钟演讲稿
2014/08/26 职场文书
财务部岗位职责范本
2015/04/14 职场文书
python 管理系统实现mysql交互的示例代码
2021/12/06 Python
分享Python异步爬取知乎热榜
2022/04/12 Python