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程序设计有所帮助。
相关文章
基于$.ajax()方法从服务器获取json数据的几种方式总结
下面小编就为大家分享一篇基于$.ajax()方法从服务器获取json数据的几种方式总结，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-01-01
这篇文章主要介绍了jquery实现图片放大镜功能，需要的朋友可以参考下2015-11-11
实现easyui的datagrid导出为excel的示例代码
下面小编就为大家带来一篇实现easyui的datagrid导出为excel的示例代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
JQuery SELECT单选模拟jQuery.select.js
本文件是跟据 zhangjingwei 的Jquery Select(单选) 模拟插件 V1.3.4 修改而来的，需要的朋友可以参考下。2009-11-11
下面小编就为大家带来一篇jQuery+CSS3文字跑马灯特效的简单实现。小编觉得挺不错的，现在就分享给大家看，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
使用jQuery取指定url格式，并使用alert弹出，感兴趣的朋友可以参考下哈，希望对你有所帮助2013-04-04
本文给大家分享的是把jQuery的muipicker插件修改实现仿IOS时间选择特效，非常的不错，有需要的小伙伴可以参考下。2016-02-02
这篇文章主要介绍了jQuery绑定自定义事件使用技巧,通过循环绑定所有的自定义事件,在恰当的时机调用,需要的朋友可以参考下。2016-06-06
本篇文章主要是对Cookie中的Path与domain进行了详细的分析介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
jQuery 3.0 在6月9日正式发布了，3.0 也被称为下一代的 jQuery。这篇文章主要介绍了jQuery 3.0中的Data,包括Data在jQuery内部的使用和1.x.x 和 2.x.x 的比较的相关内容，需要的朋友可以参考下2016-06-06
最新评论