当前位置: 首页 > 图文教程 > 网络编程 > Javascript > jQuery select的操作实现代码

Javascript
经常用到的JavasScript事件的翻译
Javascript下的keyCode键码值表
用javascript动态调整iframe高度的代码
javascript应用:Iframe自适应其加载的内容高度
javascript 控制弹出窗口
用javascript父窗口控制只弹出一个子窗口
给moz-firefox下添加IE方法和属性
FireFox中textNode分片的问题
对google个性主页的拖拽效果的js的完整注释[转]
身份证号码前六位所代表的省,市,区, 以及地区编码下载
一个友好的.改善的 Object.prototype.toString的实现
如何写一个通用的JavaScript效果库!(1/2)
如何写一个通用的JavaScript效果库!(2/2)
几个高效,简洁的字符处理函数
无语,javascript居然支持中文(unicode)编程!
ie 处理 gif动画 的onload 事件的一个 bug
讲两件事:1.this指针的用法小探. 2.ie的attachEvent和firefox的addEventListener在事件处理上的区别
firefox 和 ie 事件处理的细节,研究,再研究-----书写同时兼容ie和ff的事件处理代码
深入聊聊Array的sort方法的使用技巧.详细点评protype.js中的sortBy方法
JavaScript 中的replace方法说明

Javascript 中的 jQuery select的操作实现代码


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 624 ::
收藏到网摘: n/a

jQuery對select的操作的实际应用代码。方便大家学习jquery //改變時的事件
复制代码 代码如下:

$("#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();

//使某option變為selected
复制代码 代码如下:

var select = $(tdsEdit[0]).find("select"); //取得select
$(select).children().each(function(){
if ($(this).text()=="option you want")

//jQuery給法
复制代码 代码如下:

$(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