2

我正在使用来自 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”的属性。有没有办法获得选定的选项？

4

3 回答 3

4

我想这就是你要找的：

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

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

于 2013-08-03T22:20:09.107 回答
3

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

 var node = Y.one('#ownerSelector');
 node.get('options').item(node.get('selectedIndex')).get('text');
于 2013-08-02T20:20:01.210 回答
1 
Y.one('#ownerSelector').get('value')
于 2013-08-03T06:59:21.230 回答