文档章节

jQuery的Select操作集合

深圳大道
 深圳大道
发布于 2016/12/29 15:39
字数 290
阅读 2
收藏 0
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://blog.csdn.net/smartsmile2012/article/details/8540979

共有 人打赏支持
深圳大道
粉丝 3
博文 877
码字总数 0
作品 0
深圳
架构师
私信 提问
jQuery对象与DOM对象的相互转换

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

Sandy_wu
2013/03/27
0
1
JQuery 使用技巧

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

晨曦之光
2012/03/09
153
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
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

没有更多内容

加载失败,请刷新页面

加载更多

C++ vector和list的区别

1.vector数据结构 vector和数组类似,拥有一段连续的内存空间,并且起始地址不变。 因此能高效的进行随机存取,时间复杂度为o(1); 但因为内存空间是连续的,所以在进行插入和删除操作时,会造...

shzwork
今天
4
0
Spring之invokeBeanFactoryPostProcessors详解

Spring的refresh的invokeBeanFactoryPostProcessors,就是调用所有注册的、原始的BeanFactoryPostProcessor。 相关源码 public static void invokeBeanFactoryPostProcessors(Configu......

cregu
昨天
4
0
ibmcom/db2express-c_docker官方使用文档

(DEPRECIATED) Please check DB2 Developer-C Edition for the replacement. What is IBM DB2 Express-C ? ``IBM DB2 Express-C``` is the no-charge community edition of DB2 server, a si......

BG2KNT
昨天
4
0
Ubuntu 18.04.2 LTS nvidia-docker2 : 依赖: docker-ce (= 5:18.09.0~3-0~ubuntu-bionic)

平台:Ubuntu 18.04.2 LTS nvidia-docker2 版本:2.0.3 错误描述:在安装nvidia-docker2的时候报dpkg依赖错误 nvidia-docker2 : 依赖: docker-ce (= 5:18.09.0~3-0~ubuntu-bionic) 先看一下依......

Pulsar-V
昨天
4
0
学习笔记1-goland结构体(struct)

写在前面:若有侵权,请发邮件by.su@qq.com告知。 转载者告知:如果本文被转载,但凡涉及到侵权相关事宜,转载者需负责。请知悉! 本文永久更新地址:https://my.oschina.net/bysu/blog/3036...

不最醉不龟归
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部