文档章节

jQuery-对Select的操作集合[终结篇]

iTeacher
 iTeacher
发布于 2011/12/10 11:06
字数 294
阅读 241
收藏 3
jQuery获取Select选择的Text和Value:
语法解释:
1. $("#select_id").change(function(){//code...});    //为Select添加事件,当选择其中一项时触发
2. var checkText=$("#select_id").find("option:selected").text();   //获取Select选择的Text
3. var checkValue=$("#select_id").val();   //获取Select选择的Value
4. var checkIndex=$("#select_id ").get(0).selectedIndex;   //获取Select选择的索引值

5. var maxIndex=$("#select_id option:last").attr("index");   //获取Select最大的索引值

jQuery设置Select选择的Text和Value:
语法解释:
1. $("#select_id ").get(0).selectedIndex=1;   //设置Select索引值为1的项选中
2. $("#select_id ").val(4);    //设置Select的Value值为4的项选中
3. $("#select_id option[text='jQuery']").attr("selected", true);    //设置Select的Text值为jQuery的项选中

jQuery添加/删除Select的Option项:
语法解释:
1. $("#select_id").append("<option value='Value'>Text</option>");   //为Select追加一个Option(下拉项)
2. $("#select_id").prepend("<option value='0'>请选择</option>");   //为Select插入一个Option(第一个位置)
3. $("#select_id option:last").remove();   //删除Select中索引值最大Option(最后一个)
4. $("#select_id option[index='0']").remove();   //删除Select中索引值为0的Option(第一个)
5. $("#select_id option[value='3']").remove();   //删除Select中Value='3'的Option
5. $("#select_id option[text='4']").remove();   //删除Select中Text='4'的Option

本文转载自:http://www.supesoft.com/ArticleDisp.asp?ID=4825

iTeacher
粉丝 3
博文 60
码字总数 2664
作品 0
绍兴
私信 提问
jquery的一些用法 有用的用法。

AJAX 框架 用 Asp.net ajax 还是 Jquery ? AJAX 流行之后,总想好好学习一下。但是众多的框架实在难以选择。说明一下 ASP.NET AJAX 并不包括在 AJAX 框架之中。 刚开始学了 JQuqery, 众多的...

雪中漫步
2010/03/29
498
0
jquery技巧总结

一、简介 1.1、概述 随着WEB2.0及ajax思想在互联网上的快速发展传播,陆续出现了一些优秀的Js框架,其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等,通过将...

晨曦之光
2012/03/09
196
0
JQuery 使用技巧

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

晨曦之光
2012/03/09
153
0
jQuery对象与DOM对象的相互转换

下面介绍jquery对象和DOM对象的相互转换: 在使用jquery框架进行处理时,当我们使用$(expression)方法时,如:获取id="jquery_a"的div元素对象时,实际上获取到的值不是DOM对象,而是jquery对...

Sandy_wu
2013/03/27
0
1
Java程序员从笨鸟到菜鸟之(八十五)跟我学jquery(一)爱之初体验jquery

一、Jquery简介 Jquery是一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。 Jquery应用到我们...

长平狐
2012/11/12
110
0

没有更多内容

加载失败,请刷新页面

加载更多

除了敲代码,程序员还需要哪些必备技能?

1、源码分析专题 详细介绍源码中所用到的经典设计思想,看看大牛是如何写代码的,提升技术审美、提高核心竞争力。 帮助大家寻找分析源码的切入点,在思想上来一次巨大的升华。知其然,并知其...

别打我会飞
18分钟前
2
0
Java集合框架——List接口

第三阶段 JAVA常见对象的学习 集合框架——List接口 按照集合框架的继承体系,我们先从Collection中的List接口开始学习 (一) 概述及功能(ArrayList演示) (1) 概述 List在Collection中充当着...

BWH_Steven
46分钟前
2
0
Lua Web快速开发指南(10) - 利用MQ实现异步任务、订阅/发布、消息队列

Lua Web快速开发指南(10) - 利用MQ实现异步任务、订阅/发布、消息队列 本章节我们将学习如何使用MQ库. MQ库简介 MQ库实现了各类消息代理中间件(Message Broker)的连接协议, 目前支持:redis、...

水果糖的小铺子
51分钟前
2
0
一致性专题之cpu缓存一致性(一)

只要涉及到缓存的业务场景就一定会出现数据一致性问题。对于该问题,从微观的角度来看cpu与内存之间建立了N级缓存来提高效率,从宏观的角度来看分布式存储使用数据副本机制来提高数据的安全性...

FAT_mt
今天
7
0
Qt那些事0.0.20

一个装逼失败的例子 今天原本是给别人介绍 QML 中 Behavior 的用法。毕竟自己在之前用过很多次,感觉已经算是熟练的地步,可以为人师了。于是乎自己写了个代码,还屁颠屁颠的把别人喊过来,指...

Ev4n
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部