jquery操作select方法汇总
更新时间：2015年02月05日 11:30:22 作者：喵小夕
这篇文章主要介绍了jquery操作select方法,实例汇总了jQuery操作select的读取、设置、添加及删除等技巧,需要的朋友可以参考下
本文实例汇总了jquery操作select的方法。分享给大家供大家参考。具体如下：
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最大的索引值
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的项选中
$("#select_id ").val(4);//设置Select的Value值为4的项选中
$("#select_id option[text='jQuery']").attr("selected", true);//设置Select的Text值为jQuery的项选中
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
$("#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程序设计有所帮助。
相关文章
下面小编就为大家带来一篇老生常谈combobox和combotree模糊查询。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-04-04
使用jQuery取指定url格式，并使用alert弹出，感兴趣的朋友可以参考下哈，希望对你有所帮助2013-04-04
jquery attr方法获取input的checked属性问题
如果使用jquery,应使用prop方法来获取和设置checked属性，不应使用attr,需要的朋友可以参考下2014-05-05
这篇文章主要介绍了Jquery中CSS选择器用法,实例分析了jQuery中常用的5种css选择器的使用技巧,需要的朋友可以参考下2015-02-02
使用jQuery.Validate进行客户端验证（初级篇） 不使用微软验证控件的理由
以前在做项目的时候就有个很大心病，就是微软的验证控件，虽然微软的验证控件可以帮我们完成大部分的验证，验证也很可靠上手也很容易，但是我就是觉得不爽.2010-06-06
本文所要实现的效果广泛应用于当前导航,主要表现为鼠标移到导航上面当前的LI变色，具体实现如下，感兴趣的朋友可以参考下，希望对大家有所帮助2013-08-08
设置按钮停顿3秒不可用的方法有很多，下面为大家介绍下使用jquery是如何实现的2014-03-03
这篇文章主要介绍了jQuery获得字体颜色16位码的方法,涉及jQuery样式操作及正则表达式使用技巧,非常简单实用,需要的朋友可以参考下2016-02-02
这篇文章主要介绍了通过jQuery实现的顶部导航跟随滚动条滚动固定浮动在顶部,需要的朋友可以参考下2014-06-06
jQuery事件之键盘事件(ctrl+Enter回车键提交表单等)
键盘事件处理所有用户在键盘敲击的情况，不管在文本输入区域内部还是外部，这里介绍下jquery键盘事件的相关知识，需要的朋友可以参考下2014-05-05
最新评论