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'）得到（ '值'）;

//选定的索引

Y.one（ '＃regionSelect'）._ node.selectedIndex;
Y.one（ '＃regionSelect'）得到（ '的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/

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

4 个答案: