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

技术文章搜索

关键字

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

---

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

jQuery textarea的长度进行验证 jQuery 1.2.x 升級 1.3.x 注意事项

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

jQuery textarea的长度进行验证 jQuery 1.2.x 升級 1.3.x 注意事项

评论 (0) All

登陆 还没注册？

设为首页 | 加入收藏 | 关于我们 | 联系我们 | 广告服务 | 网站地图 | 友情链接 | 在线帮助 | 免责声明 Sitemap W3school

如果您觉得本站不错，别忘了告诉您的同学和同事哟 ^_^

欢迎各网站转载我们的原创，转载时请注明出处。

All copyright is reserved by 软晨网（RuanChen.com）