jQuery select的操作实现代码
$("#testSelect").change(function(){ //事件發生
jQuery('option:selected', this).each(function(){ //印出選到多個值
alert(this.value);
});
});
法1:$("select#Clubs").children("[@selected]").each(function(){
alert(this.text);
});
法2:$("#selBags").val(); //這個比較快啦,但限單選
$(#testSelect option:selected').text();
或$("#testSelect").find('option:selected').text();
//移除
removeOption(index/value/regex[, selectedOnly])
代码如下:
$('select#Clubs option:selected').remove();
var select = $(tdsEdit[0]).find("select"); //取得select
$(select).children().each(function(){
if ($(this).text()=="option you want")
$(this).attr("selected","true"); //或是給selected也可
//javascript給法
this.selected = true;
});
參考
http://www.texotela.co.uk/code/jquery/select/
http://blog.jeremymartin.name/2008/02/easy-multi-select-transfer-with-jquery.html
相关推荐
-
JQuery操作Select的Options的Bug(IE8兼容性视图模式)
Bug现场: 通过开发人员工具查看,下拉列表框是有Options的,但你点击选择的时候却什么也不显示. 重现步骤: 该问题发生在级联下拉框的情况,第一个列表改变,第二个列表的值跟着改变! 本例中使用以下方法绑定数据: 复制代码 代码如下: //绑定下拉框 //ctnSelector:下拉框ID,带#号, //jsonData:JSON数据, //txtField:文本字段名称, //valField:值字段名称, //strOptions:默认填加的项 function InitSelectOp
-
jquery操作select详解(取值,设置选中)
每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了. 比如<select class="selector"></select> 1.设置value为pxx的项选中 $(".selector").val("pxx"); 2.设置text为pxx的项选中 $(".selector").find("option[text='pxx']").attr(&qu
-
Jquery操作radio,checkbox,select表单操作实现代码
一 .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=$("#s
-
利用jquery操作select下拉列表框的代码
例: 复制代码 代码如下: <select id="sltList" name="list"> <option value="1">张三</option> <option value="2">李四</option> </select> // 获取当前选中的option值 $('#sltList').val() //获取当前选中项的文本 $('#sltLis
-
Jquery对select的增、删、改、查操作
逃不开传统的四种操作:增.删.改.查. <四处搜刮了jquery对select操作的代码,汇集一下,方便以后查看.日历天数变化代码为原创.> [增]: 复制代码 代码如下: $("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项) $("#select_id").prepend("&l
-
Jquery Select操作方法集合脚本之家特别版
jQuery这个框架方便了我们对于HTML元素的操作,本来以为自己对于Select操作也算是熟悉了,但上午在测试的时候才发现自己了解的还真不多. 看了一下jQuery的一些方法后,理出了一些常用的方法,列在下面: //获取第一个option的值 $('#test option:first').val(); //最后一个option的值 $('#test option:last').val(); //获取第二个option的值 $('#test option:eq(1)').val(); //获取
-
jQuery操作Select的Option上下移动及移除添加等等
复制代码 代码如下: <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="jquery-1.9.1.min.js"></script> <script type="text/javascript"> /**
-
jquery 操作两个select实现值之间的互相传递
复制代码 代码如下: function moveToRight(select1,select2)//把选中的移动到右边 sleect1和sleect2分别是下拉列表框的ID{ $('#'+select1+' option:selected').each(function(){ $("<option value='"+$(this).val()+"'>"+$(this).text()+"</option>").append
-
浅析jQuery对select操作小结(遍历option,操作option)
//遍历option和添加.移除optionfunction changeShipMethod(shipping){ var len = $("select[@name=ISHIPTYPE] option").length if(shipping.value != "CA"){ $("select[@name=ISHIPTYPE] option").each(function(){ if($(this).val() == 111){
-
jQuery操作Select选择的Text和Value(获取/设置/添加/删除)
jQuery获取Select选择的Text和Value: 选择一项试试看 语法解释: 复制代码 代码如下: . $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 . var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text . var checkValu
-
jquery操作select大全
添加option 复制代码 代码如下: $('#id').append("<option value="value">Text</option>");//为select追加一个option$('#id').prepend("<option value='0'>Text</option>"); //为select插入一个option 移除option 复制代码 代码如下: $("#ID
-
jQuery select操作控制方法小结
需要注意的是,这里的代码好多是针对jquery 1.32以前的版本(以后的版本已经不支持@),所以替换为空测试下即可. jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected"
-
jquery操作select option 的代码小结
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操作select下拉框的text值和value值的方法
1.jquery获取当前选中select的text值 var checkText=$("#slc1").find("option:selected").text(); 2.jquery获取当前选中select的value值 var checkValue=$("#slc1").val(); 3.jquery获取当前选中select的索引值 var index=$("#slc1 ").get(0).selectedIndex; 4
随机推荐
- 详解IE6中的position:fixed问题与随滚动条滚动的效果
- JavaScript的ExtJS框架中数面板TreePanel的使用实例解析
- python使用Flask框架获取用户IP地址的方法
- js获取Treeview选中的节点(C#选中CheckBox项)
- SqlCommandBuilder如何实现批量更新
- PHP has encountered an Access Violation
- 正则表达式匹配中文与双字节的代码
- PYTHON 中使用 GLOBAL引发的一系列问题
- JavaScript中三个等号和两个等号的区别(== 和 ===)浅析
- CentOS Linux更改MySQL数据库目录位置具体操作
- python检查序列seq是否含有aset中项的方法
- Vue 2.0+Vue-router构建一个简单的单页应用(附源码)
- JavaScript用二分法查找数据的实例代码
- 浅谈Java中常用数据结构的实现类 Collection和Map
- 深入了解Redis的性能
- 数据库实现行列转换(mysql示例)
- PHP引用返回用法示例
- javascript新手语法小结
- php中实现进程锁与多进程的方法
- php操作mongoDB实例分析