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 学习之二 属性(html()与html(val))
Nov 25 Javascript
myeclipse安装jQuery插件的方法
Mar 29 Javascript
深入了解Node.js中的一些特性
Sep 25 Javascript
window.onload与$(document).ready()的区别分析
May 30 Javascript
jQuery中inArray方法注意事项分析
Jan 25 Javascript
JQuery插件Marquee.js实现无缝滚动效果
Apr 26 Javascript
JavaScript实现设计模式中的单例模式的一些技巧总结
May 17 Javascript
浅谈json取值(对象和数组)
Jun 24 Javascript
如何解决vue与传统jquery插件冲突
Mar 20 Javascript
解决ie img标签内存泄漏的问题
Oct 13 Javascript
js实现蒙版效果
Jan 11 Javascript
使用typescript改造koa开发框架的实现
Feb 04 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之第八天
2006/10/09 PHP
php抓即时股票信息
2006/10/09 PHP
PHP数据流应用的一个简单实例
2012/09/14 PHP
php过滤html标记属性类用法实例
2014/09/23 PHP
php使用socket post数据到其它web服务器的方法
2015/06/02 PHP
DWZ+ThinkPHP开发时遇到的问题分析
2016/12/12 PHP
Yii2汉字转拼音类的实例代码
2017/04/18 PHP
PHP策略模式定义与用法示例
2017/07/27 PHP
Django中的cookie与session操作实例代码
2017/08/17 PHP
PHP curl批处理及多请求并发实现方法分析
2018/08/15 PHP
写js时遇到的一些小问题
2010/12/06 Javascript
js的alert弹出框出现乱码解决方案
2013/09/02 Javascript
JavaScript中使用ActiveXObject操作本地文件夹的方法
2014/03/28 Javascript
javascript为按钮注册回车事件(设置默认按钮)的方法
2015/05/09 Javascript
用NODE.JS中的流编写工具是要注意的事项
2016/03/01 Javascript
bootstrap与Jquery UI 按钮样式冲突的解决办法
2016/09/23 Javascript
JavaScript实现的鼠标响应颜色渐变效果完整实例
2017/02/18 Javascript
深入理解React Native原生模块与JS模块通信的几种方式
2017/07/24 Javascript
vue实现单选和多选功能
2017/08/11 Javascript
Vue.js点击切换按钮改变内容的实例讲解
2018/08/22 Javascript
微信小程序封装多张图片上传api代码实例
2019/12/30 Javascript
Python实现快速多线程ping的方法
2015/07/15 Python
python添加模块搜索路径和包的导入方法
2019/01/19 Python
python从子线程中获得返回值的方法
2019/01/30 Python
使用CSS3实现一个3D相册效果实例
2016/12/03 HTML / CSS
css3实现书本翻页效果的示例代码
2021/03/08 HTML / CSS
ECCO俄罗斯官网:北欧丹麦鞋履及皮具品牌
2020/06/26 全球购物
在线实验室测试:HealthLabs.com
2020/05/03 全球购物
华为C++笔试题
2014/08/05 面试题
优秀应届生推荐信
2013/11/09 职场文书
网络技术专业推荐信
2014/02/20 职场文书
公司离职证明范本(汇总)
2014/09/10 职场文书
党员个人党性分析材料
2014/12/18 职场文书
机械原理课程设计心得体会
2016/01/15 职场文书
Navicat连接MySQL错误描述分析
2021/06/02 MySQL
MySQL 外连接语法之 OUTER JOIN
2022/04/09 MySQL