JQuery 操作select标签实现代码_jquery

下面几个常用的代码或许对您有帮助:

复制代码 代码如下:

//1.获取选中option值
$('#selectList').val();
//2.获取选中option的文本
$('#selectList :selected').text();
//3.获取多个选中option值、文本
var foo = [];
$('#multiple :selected').each(function(i, selected) {
foo[i] = $(selected).text();
});
// to get the selected values, just use .val() - this returns a string or array
foo = $('#multiple :selected').val();
//4.使用选项option的条件表达式
switch ($('#selectList :selected').text()) {
case 'First Option':
//do something
break;
case 'Something Else':
// do something else
break;
}
//5.删除某个value=2的option
$("#selectList option[value='2']").remove();
//6.从list A 移动option到 list B.
// here we have 2 select lists and 2 buttons. If you click the “add” button,
// we remove the selected option from select1 and add that same option to select2.
// The “remove” button just does things the opposite way around.
// Thanks to jQuery's chaining capabilities, what was once a rather tricky undertaking with JS can now be done in 6 lines of code.
$().ready(function() {
$('#add').click(function() {
return !$('#select1 option:selected').appendTo('#select2');
});
$('#remove').click(function() {
return !$('#select2 option:selected').appendTo('#select1');
});
});

如果您不了解JQuery,可以先看它的文档。

希望这篇POST对您有帮助。

时间: 2024-09-23 11:47:14

JQuery 操作select标签实现代码_jquery的相关文章

利用jquery操作select下拉列表框的代码_jquery

例: 复制代码 代码如下: <select id="sltList" name="list"> <option value="1">张三</option> <option value="2">李四</option> </select> // 获取当前选中的option值 $('#sltList').val() //获取当前选中项的文本 $('#sltLis

jquery操作select option 的代码小结_jquery

1.获取选中select的value和text,html代码如下: 复制代码 代码如下: <select id="mySelect"> <option value="1">one</option> <option value="2">two</option> <option value="3">three</option> </selec

基于JQuery的多标签实现代码_jquery

今天要分享的是基于JQuery实现的多标签的切换,JQuery就不用过多介绍了,网上一搜一大堆资料,当然这样的小示例也有很多,这里只是发表一些自己的想法. 下面是本次示例所使用的HTML页面: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://ww

jQuery 操作option的实现代码_jquery

js清空option之前清空option ,我的做法是遍历现有option,将其每个子元素都置空即可.现在使用jQuery来实现,我们只需要调用其支持的empty方法即可. empty() 删除匹配的元素集合中所有的子节点. 再加上,我们要设默认值,所以此处清空select下所有option的方法,使用下面语句即可: 复制代码 代码如下: $('#selectId').empty().append( $("<option>这里放默认值</option>") );

使用jQuery操作Cookies的实现代码_jquery

当你浏览某网站时,你硬盘上会生产一个非常小的文本文件,它可以记录你的用户ID.密码.浏览过的网页.停留的时间等信息. 当你再次来到该网站时,网站通过读取Cookies,得知你的相关信息,就可以做出相应的动作,如在页面显示欢迎你的标语,或者让你不用输入ID.密码就直接登录等等.从本质上讲,它可以看作是你的身份证. 使用传统的Javascript来设置和获取Cookies信息很麻烦,要写上几个函数来处理,幸运的是jQuery帮我们做了很多事,借助jQuery插件,我们可以轻松的创建.获取和删除Coo

JQUERY 设置SELECT选中项代码_jquery

JQUERY可通过value值,设定指定value的option为选中项 复制代码 代码如下: $("#SelectId").attr("value", "theValueYouWantToSetIndex") 另:jQuery.trim( str )方法,可以去掉字符串前后的空格

jquery操作select方法汇总_jquery

本文实例汇总了jquery操作select的方法.分享给大家供大家参考.具体如下: jQuery获取Select选择的Text和Value:      语法解释: 复制代码 代码如下: $("#select_id").change(function(){//code...});//为Select添加事件,当选择其中一项时触发 var checkText=$("#select_id").find("option:selected").text();

jQuery操作Select

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

jquery操作select详解

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