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的简单实现折叠菜单代码
Sep 15 Javascript
jquery 元素相对定位代码
Oct 15 Javascript
深入理解Javascript中的循环优化
Nov 09 Javascript
jQuery实现的超酷苹果风格图标滑出菜单效果代码
Sep 16 Javascript
防止Node.js中错误导致进程阻塞的办法
Aug 11 Javascript
jQuery实现的超链接提示效果示例【附demo源码下载】
Sep 09 Javascript
input file上传 图片预览功能实例代码
Oct 25 Javascript
基于JS实现二维码图片固定在右下角某处并跟随滚动条滚动
Feb 08 Javascript
JS获取本周周一,周末及获取任意时间的周一周末功能示例
Feb 09 Javascript
基于Angular.js实现的触摸滑动动画实例代码
Feb 19 Javascript
Node.js 使用命令行工具检查更新
Jun 08 Javascript
微信小程序的分类页面制作
Jun 27 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
风格模板初级不完全修改教程
2006/10/09 PHP
可以在线执行PHP代码包装修正版
2008/03/15 PHP
PHP中的output_buffering详细介绍
2014/09/27 PHP
php使用正则表达式获取图片url的方法
2015/01/16 PHP
php使用curl打开https网站的方法
2015/06/17 PHP
利用php生成验证码
2017/02/23 PHP
ExtJS的拖拽效果示例
2013/12/09 Javascript
百度移动版的url编码解码示例
2014/04/29 Javascript
用box固定长宽实现图片自动轮播js代码
2014/06/09 Javascript
常用的JS验证和函数汇总
2014/12/23 Javascript
JS使用ajax方法获取指定url的head信息中指定字段值的方法
2015/03/24 Javascript
纯javascript响应式树形菜单效果
2015/11/10 Javascript
js表单登陆验证示例
2016/10/19 Javascript
javascript事件的传播基础实例讲解(35)
2017/02/14 Javascript
React如何避免重渲染
2018/04/10 Javascript
node全局变量__dirname与__filename的区别
2019/01/14 Javascript
vue 组件基础知识总结
2021/01/26 Vue.js
Python模块学习 re 正则表达式
2011/05/19 Python
Python实现的数据结构与算法之队列详解
2015/04/22 Python
Python模糊查询本地文件夹去除文件后缀的实例(7行代码)
2017/11/09 Python
对Python中的@classmethod用法详解
2018/04/21 Python
Python基于property实现类的特性操作示例
2018/06/15 Python
python爬取指定微信公众号文章
2018/12/20 Python
Django框架模板文件使用及模板文件加载顺序分析
2019/05/23 Python
python3.6+selenium实现操作Frame中的页面元素
2019/07/16 Python
Python倒排索引之查找包含某主题或单词的文件
2019/11/13 Python
python入门之井字棋小游戏
2020/03/05 Python
解决Python 函数声明先后顺序出现的问题
2020/09/02 Python
Python 调用C++封装的进一步探索交流
2021/03/04 Python
HTML5之SVG 2D入门1—SVG(可缩放矢量图形)概述
2013/01/30 HTML / CSS
意大利折扣和优惠券网站:Groupalia
2019/10/09 全球购物
临床医学专业个人的自我评价
2013/09/27 职场文书
文秘档案管理岗位职责
2014/03/06 职场文书
2014优秀大学生简历自我评价
2014/09/15 职场文书
《实心球》教学反思
2016/02/23 职场文书
浅谈golang 中time.After释放的问题
2021/05/05 Golang