如何获取 YUI 3 中的选择框值？

发布于 2024-07-29 23:09:44 字数 213 浏览 8 评论 0 原文

在 YUI 3 中，我有一个节点是我的选择框：

Y.get('#regionSelect');

How do I get the value that is current selected (即使有多个？)另外，有教程吗在那里明确地告诉我如何做到这一点（我不想序列化整个表单）？

原文

In YUI 3 I have a node that is my select box:

Y.get('#regionSelect');

How do I get the <option> values that are currently selected (even if there are more than one?) Also, is there a tutorial out there that tells me explicitly how to do this (I don't want to serialize a whole form)?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

清音悠歌 2024-08-05 23:09:49

你可以直接使用这个。需要 selector-css3 模块来支持 IE。

YUI().use("selector-css3", "node", function (Y) {
    var text = Y.one("#ownerSelector option:checked").get("text");
});

http://jsfiddle.net/neosoyn/r8crW/

You can directly use this. Require selector-css3 module to support IE.

YUI().use("selector-css3", "node", function (Y) {
    var text = Y.one("#ownerSelector option:checked").get("text");
});

http://jsfiddle.net/neosoyn/r8crW/

回复收藏 0 原文

心在旅行 2024-08-05 23:09:48

如果您只需要选定一个选项，则可能不需要遍历所有选项：

var index = Y.get("#regionSelect").get('selectedIndex');
var value = Y.get("#regionSelect").get("options").item(index).getAttribute('value');

You might not need to iterate through all options if you need just a selected one:

var index = Y.get("#regionSelect").get('selectedIndex');
var value = Y.get("#regionSelect").get("options").item(index).getAttribute('value');

回复收藏 0 原文

感悟人生的甜 2024-08-05 23:09:47

// 选定值

Y.one('#regionSelect')._node.value;
Y.one('#regionSelect').get('value');

// 选定索引

Y.one('#regionSelect')._node.selectedIndex;
Y.one('#regionSelect').get('selectedIndex');

回复收藏 0 原文

就像说晚安 2024-08-05 23:09:46

有了选择器后，您就可以链接 get 和 each

Y.get("#regionSelect").get("options").each( function() {
   // this = option from the select
   var selected = this.get('selected');
   var value  = this.get('value');
   var text = this.get('text');
   // apply secret sauce here
});

我刚刚在 http://developer.yahoo.com/yui/3/ 来解决问题。

Once you have the selector, you can chain get and each

Y.get("#regionSelect").get("options").each( function() {
   // this = option from the select
   var selected = this.get('selected');
   var value  = this.get('value');
   var text = this.get('text');
   // apply secret sauce here
});

I've just been using the demos/examples on http://developer.yahoo.com/yui/3/ to figure things out.

回复收藏 0 原文

~没有更多了~