javascript - YUI 3 : Getting the selected option's text

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 数组，其中一个选项有一个名为 '被选中”。有没有办法获得选定的选项？

Answer 1

我想这就是你要找的东西:

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

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