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 相关文章推荐
JavaScript Base64编码和解码,实现URL参数传递。
Sep 18 Javascript
Javascript中的变量使用说明
May 18 Javascript
document.getElementById方法在Firefox与IE中的区别
May 18 Javascript
基于jquery点击自以外任意处,关闭自身的代码
Feb 10 Javascript
IE与FireFox的JavaScript兼容问题解决办法
Dec 31 Javascript
JQuery 使用attr方法实现下拉列表选中
Oct 13 Javascript
前端js文件合并的三种方式推荐
May 19 Javascript
JavaScript操作文件_动力节点Java学院整理
Jun 30 Javascript
jQuery选择器中的特殊符号处理方法
Sep 08 jQuery
vue2.0 和 animate.css的结合使用
Dec 12 Javascript
详解如何解决Vue和vue-template-compiler版本之间的问题
Sep 17 Javascript
JS新手入门数组处理的实用方法汇总
Apr 07 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
东方红 - 来复式再生机的修复
2021/03/02 无线电
WinXP + Apache +PHP5 + MySQL + phpMyAdmin安装全功略
2006/07/09 PHP
用PHP编程开发“虚拟域名”系统
2006/10/09 PHP
把1316这个数表示成两个数的和,其中一个为13的倍数,另一个是11的倍数,求这两个数。
2011/06/24 PHP
Codeigniter通过SimpleXML将xml转换成对象的方法
2015/03/19 PHP
详解Yii2 rules 的验证规则
2016/12/02 PHP
Alliance vs Liquid BO3 第二场2.13
2021/03/10 DOTA
JavaScript 学习笔记(六)
2009/12/31 Javascript
动态调用CSS文件的JS代码
2010/07/29 Javascript
javascript分页代码实例分享(js分页)
2013/12/13 Javascript
JavaScript设计模式之原型模式(Object.create与prototype)介绍
2014/12/28 Javascript
Jquery和angularjs获取check框选中的值的方法汇总
2016/01/17 Javascript
关于网页中的无缝滚动的js代码
2016/06/09 Javascript
AngularJS利用Controller完成URL跳转
2016/08/09 Javascript
手机浏览器 后退按钮强制刷新页面方法总结
2016/10/09 Javascript
JS设计模式之观察者模式实现实时改变页面中金额数的方法
2018/02/05 Javascript
extract-text-webpack-plugin用法详解
2019/02/14 Javascript
Django自定义分页与bootstrap分页结合
2021/02/22 Python
python itchat实现微信好友头像拼接图的示例代码
2017/08/14 Python
python 实现判断ip连通性的方法总结
2018/04/22 Python
Python线上环境使用日志的及配置文件
2019/07/28 Python
python基于pdfminer库提取pdf文字代码实例
2019/08/15 Python
pytorch forward两个参数实例
2020/01/17 Python
谷歌浏览器小字体处理方案即12px以下字体
2013/12/17 HTML / CSS
优秀教师事迹简介
2014/02/02 职场文书
运动会入场词200字
2014/02/15 职场文书
初三学习决心书
2014/03/11 职场文书
尊老爱幼演讲稿
2014/09/04 职场文书
平遥古城导游词
2015/02/03 职场文书
地雷战观后感
2015/06/09 职场文书
三八妇女节致辞
2015/07/31 职场文书
有关保护环境的宣传标语100条
2019/08/07 职场文书
教您:房贷工资收入证明应该怎么写?
2019/08/19 职场文书
Python代码风格与编程习惯重要吗?
2021/06/03 Python
小程序与后端Java接口交互实现HelloWorld入门
2021/07/09 Java/Android
CSS实现九宫格布局(自适应)的示例代码
2022/02/12 HTML / CSS