JQuery中对Select的option项的添加、删除、取值
更新时间：2013年08月25日 12:27:56 作者：
jQuery获取Select选择的Text和Value及添加/删除Select的Option项，在本文将为大家详细介绍下具体的实现，感兴趣的朋友可以参考下
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();
复制代码 代码如下:
$("#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();
相关文章
jQuery+Ajax+PHP弹出层异步登录效果(附源码下载)
本文我们给大家介绍如何使用jQuery+Ajax+PHP弹出层异步登录的应用。感兴趣的朋友通过本文学习吧2016-05-05
jQuery简单实现input文本框内灰色提示文本效果的方法
这篇文章主要介绍了jQuery简单实现input文本框内灰色提示文本效果的方法,涉及jQuery针对页面元素的遍历与样式动态操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-12-12
在阅读本文之前，相信大家对 jQuery 的总体架构已经了解了，这一篇文章主要来介绍 jQuery 的入口函数 jQuery.fn.init。有需要的朋友可以参考借鉴，下面来一起看看吧。2017-02-02
这篇文章主要介绍了jquery验证用户名是否重复，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
本文为大家介绍下在每个匹配元素的外部插入新元素的方法，下面有个不错的示例，感兴趣的朋友可以参考下2013-12-12
jQuery实现select下拉框获取当前选中文本、值、索引
本篇文章主要介绍了jQuery实现select下拉框获取当前选中文本、值、索引以及添加/删除Select的Option项的相关知识，具有很好的参考价值。下面跟着小编一起来看下吧2017-05-05
这篇文章主要介绍了showModelDialog弹出文件下载窗口的使用示例，方法很简单，大家可以直接参考下面的代码使用2013-11-11
本篇文章，小编将为大家介绍jQuery实现 注册时选择阅读条款 左右移动，有需要的朋友可以参考一下2013-04-04
这篇文章主要介绍了使用jquery scroll()方法区分浏览器横向和纵向滚动条的方法,需要的朋友可以参考下2014-04-04
这篇文章主要为大家详细介绍了jquery实现鼠标悬浮弹出气泡提示框，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-12-12
最新评论