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 EasyUI API 中文文档 - MenuButton菜单按钮使用介绍
Oct 06 Javascript
Javascript 构造函数详解
Oct 22 Javascript
Javascript编程中几种继承方式比较分析
Nov 28 Javascript
JS简单模拟触发按钮点击功能的方法
Nov 30 Javascript
javascript 封装Date日期类实例详解
May 28 Javascript
EasyUI中的dataGrid的行内编辑
Jun 22 Javascript
vue如何使用 Slot 分发内容实例详解
Sep 05 Javascript
Angularjs之ngModel中的值验证绑定方法
Sep 13 Javascript
每个 JavaScript 工程师都应懂的33个概念
Oct 22 Javascript
JavaScript常用工具方法封装
Feb 12 Javascript
Element Cascader 级联选择器的使用示例
Jul 27 Javascript
cypress测试本地web应用
Jun 01 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 strstr查找字符串中是否包含某些字符的查找函数
2010/06/03 PHP
PHP生成唯一的促销/优惠/折扣码(附源码)
2012/12/28 PHP
jQuery中fadeIn、fadeOut、fadeTo的使用方法(图片显示与隐藏)
2013/05/08 Javascript
JS加jquery简单实现标签元素的显示或隐藏
2013/09/23 Javascript
jQuery源码分析之jQuery中的循环技巧详解
2014/09/06 Javascript
JS如何实现文本框随文本的长度而增长
2015/07/30 Javascript
老生常谈jquery id选择器和class选择器的区别
2017/02/12 Javascript
利用angularjs1.4制作的简易滑动门效果
2017/02/28 Javascript
jQuery中layer分页器的使用
2017/03/13 Javascript
vue的mixins属性详解
2018/03/14 Javascript
微信小程序MUI导航栏透明渐变功能示例(通过改变rgba的a值实现)
2019/01/24 Javascript
jquery分页优化操作实例分析
2019/08/23 jQuery
浅谈layer的Icon样式以及一些常用的layer窗口使用方法
2019/09/11 Javascript
JS Array.from()将伪数组转换成数组的方法示例
2020/03/23 Javascript
JavaScript动画实例之粒子文本的实现方法详解
2020/07/28 Javascript
20个常用Python运维库和模块
2018/02/12 Python
python 识别图片中的文字信息方法
2018/05/10 Python
解决PyCharm import torch包失败的问题
2018/10/13 Python
Django使用uwsgi部署时的配置以及django日志文件的处理方法
2019/08/30 Python
python中return如何写
2020/06/18 Python
HTML5 Canvas图像模糊完美解决办法
2018/02/06 HTML / CSS
日本7net购物网:书籍、漫画、杂志、DVD、游戏邮购
2017/02/17 全球购物
自1926年以来就为冰岛保持温暖:66°North
2020/11/27 全球购物
英文版餐饮业求职信
2013/10/18 职场文书
应届生英语教师求职信
2013/11/05 职场文书
人事主管的岗位职责
2013/11/16 职场文书
三个儿子教学反思
2014/02/03 职场文书
国际经济与贸易专业求职信
2014/07/10 职场文书
乡镇挂职心得体会
2014/09/04 职场文书
预备党员转正材料
2014/12/19 职场文书
2015年大学生实习评语
2015/03/25 职场文书
2015年度环卫处工作总结
2015/07/24 职场文书
党性修养心得体会2016
2016/01/21 职场文书
30岁前绝不能错过的10本书
2019/08/08 职场文书
2019年国庆祝福语(70句)
2019/09/19 职场文书
Golang全局变量加锁的问题解决
2021/05/08 Golang