繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > jQuery select的操作实现代码
- Javascript
- window.onload 加载完毕的问题及解决方案（下）
- jQuery 版本的文本输入框检查器Input Check
- jquery Firefox3.5中操作select的问题
- jquery 1.3.2 IE8中的一点点的小问题解决方法
- javascript div 遮罩层封锁整个页面
- javascript 页面只自动刷新一次
- Javascript 区别浏览器 代码
- checkbox 复选框不能为空
- Prototype 学习 Prototype对象
- Prototype 学习 工具函数学习($方法)
- Prototype 学习 工具函数学习($A方法)
- Prototype 学习 工具函数学习($w,$F方法)
- Prototype Object对象 学习
- Prototype Function对象 学习
- Prototype Date对象 学习
- JavaScript 事件对象的实现
- JavaScript 事件查询综合
- JavaScript 继承详解（一）
- JavaScript 继承详解（二）
- JavaScript 继承详解（三）
Javascript 中的 jQuery select的操作实现代码
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 502 ::
收藏到网摘: 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
评论 (0) All
