jQuery select的操作实现代码- Javascript

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

Javascript: 分时段切换CSS（JavaScript，ASP，PHP）; 手把手教你用JS创建幻灯片特效; Ajax和CSS设计的表格实例; JS获得CSS中声明的特定样式中的某属性值; css和Ajax制作的表格; CSS初学：如何修改Zblog中的CSS; setAttribute方法实现网页两种样式表; JS和HTML分离:注册事件的方法进行封装; 网页整理的Javascript的技巧代码; 使用JavaScript数组上的经验之谈; AJAX结合CSS实现的网页Tab选项卡效果; JS教程:thickbox弹出框效果; IE和Firefox在JavaScript语法上不同的7个方面; WEB前端开发高性能优化:JavaScript的优化细节; 基于jquery的上传插件Uploadify; 7个在IE和Firefox中不同的JavaScript语法; JS函数：动态添加CSS样式表; 在IE中使用JavaScript(一); 在IE中使用JavaScript(二); JavaScript[对象.属性]集锦之四

技术文章搜索

关键字

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 522 ::

收藏到网摘: 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; 
});