YUI 3: Getting the selected option's text

Question

I am working with YUI 3, coming from jQuery, but I have a question about YUI usage. I have a select tag with some option tags: ``` ``` I want to get the selected option's text. Is there anything resembling jQuery's $('option:selected') extension in YUI 3? I saw this over at http://www.jsrosettastone.com/#selectors that a way to do this is `Y.all('option[selected]')`, but that doesn't work. (Either that, or I don't know which YUI module the [] selector syntax belongs to.) If there is no shortcut, I noticed that when I query `Y.all('#ownerSelector option')`, I can see the NodeList array, and one of the options has a property called 'selected'. Is there a way to get at the selected option?

Accepted Answer

I think this is what you're looking for:

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

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

YUI 3: Getting the selected option's text

Solution

Problem