jquery操作select方法汇总_jquery

本文实例汇总了jquery操作select的方法。分享给大家供大家参考。具体如下:

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程序设计有所帮助。

时间: 2024-10-23 05:34:52

jquery操作select方法汇总_jquery的相关文章

Jquery常用的方法汇总_jquery

//jQuery的优点 :          1 轻量级         2 强大的选择器         3 出色的DOM操作的封装         4 可靠的事件处理机制         5 完善的Ajax         6 不污染顶级变量         7 出色的浏览器兼容性         8 链式操作方式         9 隐式迭代         10 行为曾与结构层的分离         11 丰富的插件支持         12 完善的文档         13 开源 <s

Jquery操作Ajax方法小结_jquery

ajax() 方法通过 HTTP 请求加载远程数据. 该方法是 jQuery 底层 AJAX 实现.简单易用的高层实现见 $.get, $.post 等.$.ajax() 返回其创建的 XMLHttpRequest 对象.大多数情况下你无需直接操作该函数,除非你需要操作不常用的选项,以获得更多的灵活性. 最简单的情况下,$.ajax() 可以不带任何参数直接使用. 注意:所有的选项都可以通过 $.ajaxSetup() 函数来全局设置. 语法 jQuery.ajax([settings]) 参数

利用jquery操作Radio方法小结_jquery

在开发中经常会用到Radio来实现用户的选择效果,我在项目中积累了一些利用JQUERY来操作Radio的方法,在这里分享一下,供有需要的朋友借鉴. 1.改变radio的选择,触发一些效果 复制代码 代码如下: $("input:radio[name='dialCheckResult']").change(function (){ //拨通 alert("123"); }); 2.让页面中所有的radio可用. $("input:radio").a

jQuery数组处理方法汇总_jquery

$.each(array, [callback])遍历,很常用 复制代码 代码如下: var arr = ['javascript', 'php', 'java', 'c++', 'c#', 'perl', 'vb', 'html', 'css', 'objective-c']; $.each(arr, function(key, val) { // firebug console console.log('index in arr:' + key + ", corresponding valu

使用jquery操作session方法分享_jquery

摘要: 今天分享的是使用jquery来处理session.我们将使用sessionStorage对象,它类似与localStorage对象,只是sessionStorage是用来储存session数据的.当用户关闭浏览器这个数据会被清除掉. 简介: JquerySession是一个基于jquery的用来处理session的库,使用它可以简化我们的工作.在使用之前需要引入jquery. 语法: 添加数据     $.session.set('key', 'value') 删除数据     $.se

jquery操作select详解

 本篇文章主要是对jquery操作select(取值,设置选中)进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了.   比如<select class="selector"></select>   1.设置value为pxx的项选中    $(".selector").val("pxx");   2.设置text为pxx的项选中

jQuery操作Select

jQuery是如何控制和操作select的.先看下面的html代码 <select id="test"> <option value="1">选项一<option> <option value="2">选项一<option> ... <option value="n">选项N<option> </select> 所谓jQuery操作

jquery操作复选框checkbox的方法汇总_jquery

本文实例汇总了jquery操作复选框checkbox的方法.分享给大家供大家参考.具体分析如下: jquery判断checked的三种方法: 复制代码 代码如下: $("input").attr("checked");   //版本1.6+返回:"checked"或"undefined" ,1.5-返回:true或false  $("input").prop("checked");  /

jquery 操作css样式、位置、尺寸方法汇总_jquery

一.CSS 1.css(name) 访问第一个匹配元素的样式属性. 返回值 String 参数 name (String) : 要访问的属性名称 示例: 复制代码 代码如下: $("p").css("color"); //取得第一个段落的color样式属性的值 2.css(properties) 把一个"名/值对"对象设置为所有匹配元素的样式属性.这是一种在所有匹配的元素上设置大量样式属性的最佳方式. 返回值 jQuery 参数 properti