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 相关文章推荐
超级有用的13个基于jQuery的内容滚动插件和教程
Jul 31 Javascript
js Object2String方便查看js对象内容
Nov 24 Javascript
JavaScript获取网页支持表单字符集的方法
Apr 02 Javascript
轻松学习Javascript闭包函数
Dec 15 Javascript
javascript中JSON.parse()与eval()解析json的区别
May 19 Javascript
Markdown+Bootstrap图片自适应属性详解
May 21 Javascript
学习Angularjs分页指令
Jul 01 Javascript
js操作DOM--添加、删除节点的简单实例
Jul 08 Javascript
微信小程序获取循环元素id以及wx.login登录操作
Aug 17 Javascript
Vue的事件响应式进度条组件实例详解
Feb 04 Javascript
vue2.0 实现导航守卫的具体用法(路由守卫)
May 17 Javascript
vue-cli+iview项目打包上线之后图标不显示问题及解决方法
Oct 16 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调用Linux的命令行执行文件压缩命令
2013/01/27 PHP
php面象对象数据库操作类实例
2014/12/02 PHP
php正则preg_replace_callback函数用法实例
2015/06/01 PHP
php实现文件预览功能
2017/05/23 PHP
详解关于php的xdebug配置(编辑器vscode)
2019/01/29 PHP
jQuery中filter(),not(),split()使用方法
2010/07/06 Javascript
jQuery帮助之筛选查找 children([expr])
2011/01/31 Javascript
jquery 简短几句代码实现给元素动态添加及获取提示信息
2011/09/01 Javascript
cnblogs 代码高亮显示后的代码复制问题解决实现代码
2011/12/14 Javascript
Ajax异步获取html数据中包含js方法无效的解决方法
2017/02/20 Javascript
浅谈vue.js中v-for循环渲染
2017/07/26 Javascript
jQuery实现DIV响应鼠标滑过由下向上展开效果示例【测试可用】
2018/04/26 jQuery
详解使用VueJS开发项目中的兼容问题
2018/08/02 Javascript
浅谈TypeScript的类型保护机制
2020/02/23 Javascript
express异步函数异常捕获示例详解
2020/11/30 Javascript
[59:35]DOTA2-DPC中国联赛定级赛 Aster vs DLG BO3第一场 1月8日
2021/03/11 DOTA
使用Python来编写HTTP服务器的超级指南
2016/02/18 Python
Python实现完整的事务操作示例
2017/06/20 Python
Python简单实现自动删除目录下空文件夹的方法
2017/08/29 Python
windows10下python3.5 pip3安装图文教程
2018/04/02 Python
Python解决两个整数相除只得到整数部分的实例
2018/11/10 Python
Python查找文件中包含中文的行方法
2018/12/19 Python
Python3 合并二叉树的实现
2019/09/30 Python
Python3 pywin32模块安装的详细步骤
2020/05/26 Python
keras用auc做metrics以及早停实例
2020/07/02 Python
Pycharm在指定目录下生成文件和删除文件的实现
2020/12/28 Python
HTML5 Canvas实现平移/放缩/旋转deom示例(附截图)
2013/07/04 HTML / CSS
攀岩、滑雪、徒步旅行装备:Black Diamond Equipment
2019/08/16 全球购物
Cecil Mode法国在线商店:女性时尚
2021/01/08 全球购物
库存图片、照片、矢量图、视频和音乐:Shutterstock
2021/02/12 全球购物
一篇.NET面试题
2014/09/29 面试题
一些Unix笔试题和面试题
2013/01/22 面试题
大学新生入学教育方案
2014/05/16 职场文书
银行求职自荐书
2014/06/25 职场文书
2015秋季开学演讲稿范文
2015/07/16 职场文书
详解Alibaba Java诊断工具Arthas查看Dubbo动态代理类
2022/04/08 Java/Android