如何在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')得到( '值');

//选定的索引

• 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');