Jquery中select的操作

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的项选中
4.$("#SubRegion
option:first").attr("text", "--请选择子地区--");//设置Select的第一项第一项的显示内容
5.$("#SubRegion
option:first").attr("value", "111");//设置Select的第一项第一项的值

jQuery添加/删除Select的Option项:
语法解释:
1.
$("#select_id").append("<option
value=‘value‘>text</option>");   //为Select追加一个Option(下拉项)

2.
$("#select_id").prepend("请选择");   //为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
6.
$("#select_id
option[text=‘4‘]").remove();  
//删除Select中Text=‘4‘的Option
7.
$("#select_id").empty();   //删除Select中所有Option

时间: 2024-10-07 16:54:52

Jquery中select的操作的相关文章

Jquery 对select的操作

jquery对select下拉框的操作总结... 1.通过索引值去设置select中的option的value和text var index = 1; var val = "该改为的值";      $("#selectId option:eq("+index+")").attr("selected",true);      $("#selectId option:selected").val(val); 

HTML5移动开发之路(36)——jQuery中的DOM操作

本文为 兄弟连IT教育 机构官方 HTML5培训 教程,主要介绍:HTML5移动开发之路(36)--jQuery中的DOM操作 1.查询 利用选择器查找节点 使用 html() / text() / attr() 输出节点文本和属性值. 注意:下拉列表使用 val() [html] view plain copy print? <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery

jQuery中对AJAX操作的封装函数

jQuery提供了6个简化AJAX操作的函数,每个都可以代替元素AJAX中的四步代码! (1)$('xxx').load()         jQuery对象函数 (2)$.get()                   jQuery全局函数 (3)$.post()                 jQuery全局函数 (4)$.getScript()          jQuery全局函数 (5)$.getJSON()           jQuery全局函数 (6)$.ajax()     

JQuery中Ajax的操作

Java软件开发中,后台中我们可以通过各种框架,像SSH等进行对代码的封装,方便我们对Java代码的编写,例如,Struts,SpringMVC对从前台到action的流程进行封装控制,使我们只需要进行一些简单配置就可以实现:而Spring进行了对各种对象的管理进行封装,提供了AOP编程的方式,大大方便了我们:而Hibernate和IBatis则是对JDBC代码进行封装,不需要我们每次都写那些重复而繁杂的JDBC代码. 前台呢,对于页面一些效果,验证等,我们都是通过JavaScript语言进行完

Jquerry:jquery中的DOM操作&lt;一&gt;

之前两天学习了Jquery强大的选择器,今天学习了一部分Jquery对DOM的操作,下面我将把自己今天的成果分享给大家,那些菜鸟们,你们是否需要巩固之前所学? 首先需要知道,DOM操作分为3个方面:DOM Core.HTML-DOM.CSS-DOM.我们很多情况下用到的getElementById().getElementByTagName().getAttribute()和setAttribute()等方法都是DOM Core的组成部分.而document.forms(获取表单对象).elem

dom core,html dom,css dom,jquery 中的dom操作

前端开发中为达到某种目的,往往有很多方法:dom core,html dom,jquery; dom core/jquery主要通过函数调用的方式(getAttribute("属性名")/attr("属性名"))获取属性值, html dom一般利用属性的形式(element.属性名)获取对应属性值,形式相对简洁.此外,针对于css相关的对象,还有css dom 前端开发中的节点有三种:元素节点:文本节点和属性节点 js一般对于dom core和html dom都支

锋利的jQuery ——jQuery中的DOM操作(三)

一.DOM的操作分类 1>DOM Core   2>HTML-DOM   3>CSS-DOM 二.jQuery中的DOM操作 DOM树 ①查找节点 1)查找元素节点 利用jQuery选择器来选中元素,获取元素节点. 2)查找属性节点 利用jQuery选择器查找到需要的元素后,用attr()方法来获取它的各种属性的值. ②创建节点 1>创建元素节点 创建节点利用$(html),加入元素用append()还可以连写. 2>创建文本节点 创建文本节点直接在创建的html元素里面直接

1. jQuery中的DOM操作

1)查找节点 通过jQuery选择器来完成 2)创建节点 创建元素节点:var newTd = $("<td></td>") 创建文本节点:在创建元素节点时直接把文本内容写出来.var newTd = $("<td>文本内容</td>") 3)插入节点: append() 在每个匹配元素里面的末尾处插入参数内容.作为它的最后一个子元素. 参数 一个或多个DOM 元素,DOM元素数组,HTML字符串,或者jQuery对象

前端基础-jQuery中的如何操作标签

阅读目录 样式操作 文本操作 属性操作 文档操作 一.样式操作 1.样式类 addClass();// 添加指定的CSS类名. removeClass();// 移除指定的CSS类名. hasClass();// 判断样式存不存在 toggleClass();// 切换CSS类名,如果有就移除,如果没有就添加. ①.addClass( className )方法: 通过动态改变类名(class),可以让其修改元素呈现出不同的效果.在HTML结构中里,多个class以空格分隔,当一个节点(或称为一