jQuery操作Select选择的Text和Value(获取/设置/添加/删除)
更新时间：2013年03月06日 14:16:33 作者：
本文将详细介绍下jQuery获取/设置/添加/删除Select选择的Text和Value,感兴趣的你可以参考下本文或许对你有所帮助
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选择的Text和Value：
语法解释：
. $("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项被选中
. $("#select_id ").val(4); //设置Select的Value值为4的项选中
. $("#select_id option[text='jQuery']").attr("selected", true); //设置Select的Text值为jQuery的项选中
jQuery添加/删除Select的Option项：
点击一次，Select将追加一个Option
点击将在Select第一个位置插入一个Option
点击将删除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
选择一项试试看
语法解释：
复制代码 代码如下:
. $("#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选择的Text和Value：
语法解释：
复制代码 代码如下:
. $("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项被选中
. $("#select_id ").val(4); //设置Select的Value值为4的项选中
. $("#select_id option[text='jQuery']").attr("selected", true); //设置Select的Text值为jQuery的项选中
jQuery添加/删除Select的Option项：
点击一次，Select将追加一个Option
点击将在Select第一个位置插入一个Option
点击将删除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
相关文章
图片放大镜jquery.jqzoom.js使用实例附放大镜图标
这篇文章主要介绍了图片放大镜jquery.jqzoom.js的使用另附放大镜图标,需要的朋友可以参考下2014-06-06
jQuery Timelinr实现垂直水平时间轴插件(附源码下载)
jquery.timelinr.js是一款效果非常炫酷的jQuery时间轴插件。下面脚本之家小编给大家介绍jQuery Timelinr实现垂直水平时间轴插件，需要的朋友参考下2016-02-02
一个很简单的jquery+xml+ajax的无刷新树结构(无css，后台是c#)
一个很简单的jquery+xml+ajax的无刷新树结构(无css，后台是c#)2010-06-06
jQuery Ajax 实例代码 ($.ajax、$.post、$.get)
下面小编就为大家带来一篇jQuery Ajax 实例代码 ($.ajax、$.post、$.get)。小编觉得挺不错的，现在分享给大家，也给大家做个参考2016-04-04
jquery实现点击弹出带标题栏的弹出层(从右上角飞入)效果
这篇文章主要介绍了jquery实现点击弹出带标题栏的弹出层(从右上角飞入)效果,涉及jQuery响应鼠标事件操作页面元素动画效果的实现技巧,需要的朋友可以参考下2015-09-09
这篇文章介绍了jQuery焦点图切换特效插件封装实例，有需要的朋友可以参考一下2013-08-08
最近从朋友那儿听说，写JavaScript，JQuery是个不错的东东，市场份额达到70%之巨。所以去下载了一份体验了一下。2009-04-04
本文给大家分享一段jquery代码实现手指滑动轮播效果，代码简单易懂，非常不错，需要的朋友参考下2016-12-12
这篇文章主要介绍了jQuery的几种选择器详解,Query 选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML 元素, 它基于已经存在的 CSS 选择器，除此之外，它还有一些自定义的选择器,需要的朋友可以参考下2023-05-05
jQuery插件simplePagination的使用方法示例
这篇文章主要介绍了jQuery插件simplePagination的使用方法,结合实例形式分析了jQuery插件simplePagination实现表单分页相关操作技巧与注意事项,需要的朋友可以参考下2020-04-04
最新评论