Question

我正在使用来自jQuery的YUI 3，但我对YUI的使用有疑问。

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

 <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/

Answer 2

看起来YUI 3不支持选择器快捷方式。这是我在YUI论坛上可以找到的。

 var node = Y.one('#ownerSelector');
 node.get('options').item(node.get('selectedIndex')).get('text');

Answer 3

Y.one('#ownerSelector').get('value')

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

3 个答案: