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刷新站IP和PV
Sep 05 Javascript
javascript 节点遍历函数
Mar 28 Javascript
几种设置表单元素中文本输入框不可编辑的方法总结
Nov 25 Javascript
JavaScript中Math对象方法使用概述
Jan 02 Javascript
js读取并解析JSON类型数据的方法
Nov 14 Javascript
jQuery中事件与动画的总结分享
May 24 Javascript
JS实现点击表头表格自动排序(含数字、字符串、日期)
Jan 22 Javascript
Parcel.js + Vue 2.x 极速零配置打包体验教程
Dec 24 Javascript
解析Json字符串的三种方法日常常用
May 02 Javascript
es6 filter() 数组过滤方法总结
Apr 03 Javascript
vue如何使用async、await实现同步请求
Dec 09 Javascript
vue中如何自定义右键菜单详解
Dec 08 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防注入安全代码
2008/04/09 PHP
PHP删除数组中特定元素的两种方法
2013/07/02 PHP
PHP设计模式之外观模式(Facade)入门与应用详解
2019/12/13 PHP
jQuery开发者都需要知道的5个小技巧
2010/01/08 Javascript
innerHTML与jquery里的html()区别介绍
2012/10/12 Javascript
JS生成随机字符串的多种方法
2014/06/10 Javascript
JS+CSS实现简易实用的滑动门菜单效果
2015/09/18 Javascript
JavaScript中 ES6变量的结构赋值
2018/07/10 Javascript
JS原型与继承操作示例
2019/05/09 Javascript
Vue内部渲染视图的方法
2019/09/02 Javascript
微信小程序webSocket的使用方法
2020/02/20 Javascript
基于javascript实现日历功能原理及代码实例
2020/05/07 Javascript
Vue实现简单购物车功能
2020/12/13 Vue.js
[20:30]职业巡回赛回顾
2018/08/09 DOTA
Python 操作文件的基本方法总结
2017/08/10 Python
Python实现桶排序与快速排序算法结合应用示例
2017/11/22 Python
python3实现公众号每日定时发送日报和图片
2018/02/24 Python
Python常见字典内建函数用法示例
2018/05/14 Python
Flask框架响应、调度方法和蓝图操作实例分析
2018/07/24 Python
Python 编程速成(推荐)
2019/04/15 Python
Python实战之制作天气查询软件
2019/05/14 Python
解决python执行不输出系统命令弹框的问题
2019/06/24 Python
Django Rest framework权限的详细用法
2019/07/25 Python
python 中的paramiko模块简介及安装过程
2020/02/29 Python
Python列表倒序输出及其效率详解
2020/03/04 Python
Python 操作SQLite数据库的示例
2020/10/16 Python
python 制作简单的音乐播放器
2020/11/25 Python
澳大利亚个性化儿童礼品网站:Bright Star Kids
2019/06/14 全球购物
小学音乐教学反思
2014/02/05 职场文书
财务总监管理职责范文
2014/03/09 职场文书
关于十八大的演讲稿
2014/09/15 职场文书
2014年企业团支部工作总结
2014/12/10 职场文书
2015年清明节扫墓演讲稿
2015/03/18 职场文书
施工员岗位职责范本
2015/04/11 职场文书
Vue2.0搭建脚手架
2022/03/13 Vue.js
通过feDisplacementMap和feImage实现水波特效
2022/04/24 HTML / CSS