title: YUI 3: Getting the selected option's text
body: <p>I am working with YUI 3, coming from jQuery, but I have a question about YUI usage.</p>
  
  <p>I have a select tag with some option tags:</p>
  
  <pre><code> &lt;select id="ownerSelector"&gt;
      &lt;option&gt;&lt;/option&gt;
      &lt;option value="1"&gt;1&lt;/option&gt;
      &lt;option value="2"&gt;2&lt;/option&gt;
      &lt;option value="3"&gt;3&lt;/option&gt;
   &lt;/select&gt;
  </code></pre>
  
  <p>I want to get the selected option's text.  </p>
  
  <p>Is there anything resembling jQuery's $('option:selected') extension in YUI 3?</p>
  
  <p>I saw this over at <a href="http://www.jsrosettastone.com/#selectors" rel="nofollow">http://www.jsrosettastone.com/#selectors</a> that a way to do this is <code>Y.all('option[selected]')</code>, but that doesn't work.  (Either that, or I don't know which YUI module the [] selector syntax belongs to.)</p>
  
  <p>If there is no shortcut, I noticed that when I query <code>Y.all('#ownerSelector option')</code>, 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?</p>