`

jQuery Select操作大集合

 
阅读更多
http://developer.51cto.com/art/201204/332706.htm
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_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 Select操作方法集合脚本之家特别版

    Jquery Select操作方法集合脚本之家特别版

    jQuery对Select的操作大集合(收藏)

    本篇文章主要介绍了jQuery对Select的操作进行了详细的汇总,需要的朋友可以过来参考下,希望对大家有所帮助

    jQuery核心语法

    注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是jquery对象。 普通的dom对象一般可以通过$()转换成jquery对象。如:$(document.getElementById("msg"))则为jquery对象,可以使用jquery的...

    jq基本控件操作集合

    jq基本控件操作集合:select,radio,checkbox全选

    前台获取JQuery程序

    前台获取JQuery程序,select 联动操作。获取分类属性集合。

    jQuery详细教程

    • jQuery 的 action() 执行对元素的操作 示例 $(this).hide() - 隐藏当前元素 $("p").hide() - 隐藏所有段落 $("p.test").hide() - 隐藏所有 class="test" 的段落 $("#test").hide() - 隐藏所有 id="test" 的元素 ...

    Ajax-jQuery-Ajax-Dynamic-Select.zip

    Ajax-jQuery-Ajax-Dynamic-Select.zip,从数据库中获取筛选记录的简单应用程序,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建动态网页,其中网页的小部分...

    jQuery 操作option的实现代码

    再加上,我们要设默认值,所以此处清空select下所有option的方法,使用下面语句即可: 代码如下: $(‘#selectId’).empty().append( $(“这里放默认值”) ); js动态创建option 之前的做法,是借用其中间函数,来...

    jquery常用技巧及常用方法列表集合

    1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。 2、jQuery对象与dom...

    jQuery完全实例.rar

    这个函数的作用如同$(document).ready()一样,只不过用这个函数时,需要把页面中所有需要在 DOM 加载完成时执行的$()操作符都包装到其中来。从技术上来说,这个函数是可链接的--但真正以这种方式链接的情况并不多...

    jQuery常见开发技巧详细整理

    1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。 2、jQuery对象与dom...

    jQuery技巧大放送 学习jquery的朋友可以看下

    1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。 2、jQuery对象与dom...

    jquery操作下拉列表、文本框、复选框、单选框集合(收藏)

    各种对下拉列表、文本框、复选框、单选框的jquery的相关操作。做为记录和收藏的最好方法。 遍历option和添加、移除optionfunction changeShipMethod(shipping){ var len = $(“select[@name=ISHIPTYPE] option”)....

    Ajax-Cascade-Ajax-Select.zip

    Ajax-Cascade-Ajax-Select.zip,这是一个现成的html/jquery源代码,演示了如何构建基于ajax的级联选择。,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建...

    最新Python3.5零基础+高级+完整项目(28周全)培训视频学习资料

    Redis 集合set 和有序集合操作 Redis 集合操作补充 Redis 发布订阅及本节作业 第12周 上节回顾 数据库介绍 mysql基本使用 mysql数据类型与创建表 mysql 增删改查 mysql 外键关联 mysql 连接查询 mysql 事务与索引 ...

    海量经典的jQuery插件集合

    海量的jQuery插件帖,很经典,不知道什么时候开始流传,很早以前就收藏过,为了工作方便还是发了一份放在日志里面。 其中有些已经无法访问,或许是文件移除,或许是被封锁。大家分享的东西,没什么特别的可说的,...

    jQuery横向三级下拉菜单

    jQuery横向三级下拉菜单收藏的很多下拉菜单的集合包,二级下拉菜单、三级下拉菜单等。

Global site tag (gtag.js) - Google Analytics