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

Question

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

Y.get('#regionSelect');

如何获取<option>当前选择的值（即使有多个？）此外，是否有教程明确告诉我如何执行此操作（我不想序列化整个表单）？

Answer 1

一旦你有了选择器，你可以链接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/上的演示/示例来解决问题。

Answer 2

// 选定的值

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

// 选定索引

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

Answer 3

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

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

Answer 4

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

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

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