jQuery增加、删除及修改select option的方法
更新时间：2016年08月19日 10:37:02 作者：微wx笑
这篇文章主要介绍了jQuery增加、删除及修改select option的方法,涉及jQuery针对form表单中select选项的常见操作技巧,需要的朋友可以参考下
本文实例讲述了jQuery增加、删除及修改select option的方法。分享给大家供大家参考，具体如下：
jQuery获取Select选择的Text和Value:
1.
//获取Select选择的Text
var checkText=jQuery("#select_id").find("option:selected").text();
2.
//获取Select选择的option Value
var checkValue=jQuery("#select_id").val();
3.
//获取Select选择的索引值
var checkIndex=jQuery("#select_id ").get(0).selectedIndex;
4.
//获取Select最大的索引值
var maxIndex=jQuery("#select_id option:last").attr("index");
jQuery添加/删除Select的Option项：
1.
//为Select追加一个Option(下拉项)
jQuery("#select_id").append("<option value='Value'>Text</option>");
2.
//为Select插入一个Option(第一个位置)
jQuery("#select_id").prepend("<option value='0'>请选择</option>");
3.
//删除Select中索引值最大Option(最后一个)
jQuery("#select_id option:last").remove();
4.
//删除Select中索引值为0的Option(第一个)
jQuery("#select_id option[index='0']").remove();
5.
//删除Select中Value='3'的Option
jQuery("#select_id option[value='3']").remove();
6.
//删除Select中Text='4'的Option
jQuery("#select_id option[text='4']").remove();
内容清空：
jQuery("#select_id").empty();
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery form操作技巧汇总》、《jQuery切换特效与技巧总结》、《jQuery拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》、《jquery选择器用法总结》及《jQuery常用插件及用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
相关文章
在逛博客中无意中看到这个插件，一下就吸引住了我，于是就自己在网上找了些资料实践了一下2011-08-08
在使用EasyUI的时候，我们经常回遇到在二级页面进行勾选的时候，这里给大家分享一个比较简单实用的实现方法，希望大家能够喜欢。2015-03-03
jQuery 源码分析笔记(5) jQuery.support
接下来是非常纠结的一个话题，也是所有JS库必须实现的一个功能：浏览器兼容性和为开发者屏蔽这些差异。2011-06-06
这篇文章主要介绍了jQuery中$.grep() 过滤函数 数组过滤的相关资料,需非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2016-11-11
这篇文章主要介绍了jquery获取节点名称的相关资料,需要的朋友可以参考下2015-04-04
这篇文章主要介绍了jQuery插件扩展操作,结合简单实例形式分析了jQuery扩展方法的定义与使用技巧,非常简单易懂,需要的朋友可以参考下2017-01-01
ASP.NET jQuery 实例18 通过使用jQuery validation插件校验DropDownList
这节我们还可以通过直接设置DropDownList属性来设置jQuery validation插件的校验规则和提示信息2012-02-02
这篇文章主要介绍了jQuery的图片轮播插件PgwSlideshow使用详解的相关资料,需要的朋友可以参考下2016-08-08
一个实例中使用到toggle函数，但是调用的时候会把元素隐藏掉，经搜索终于找到了原因，需要的朋友可以参考下2014-02-02
这篇文章主要介绍了jQuery如何取id有.的值一般的方法是取不到的,需要的朋友可以参考下2014-04-04
最新评论