YUI 3：获取所选选项的文本

Question

我正在使用来自 jQuery 的 YUI 3，但我有一个关于 YUI 使用的问题。

我有一个带有一些选项标签的选择标签：

 <select id="ownerSelector">
    <option></option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
 </select>

我想获取所选选项的文本。

YUI 3 中是否有类似 jQuery 的 $('option:selected') 扩展的东西？

我在http://www.jsrosettastone.com/#selectors上看到了这样做的一种方法是Y.all('option[selected]')，但这不起作用。（要么是这样，要么我不知道 [] 选择器语法属于哪个 YUI 模块。）

如果没有快捷方式，我注意到当我查询时Y.all('#ownerSelector option')，我可以看到 NodeList 数组，并且其中一个选项有一个名为“selected”的属性。有没有办法获得所选选项？

Answer 1

我认为这就是您正在寻找的：

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

http://jsfiddle.net/aqPus/2/