title: Using getSelected in MooTools
body: <p>I'm new to JS and Mootools and I've been having a really funny error using getSelected() with Mootools 1.3.2. <a href="https://stackoverflow.com/questions/3340459/mootools-how-to-use-getselected">I've looked at other posts that have similar code</a>, but I haven't been successful. I'm using getSelected to try and get the value of an option and for some reason, my browser simply isn't calling it.</p>
  
  <h1>Here's the HTML</h1>
  
  <pre><code>&lt;select id="id_method" name="method"&gt;
      &lt;option selected="selected" value=""&gt;---------&lt;/option&gt;
      &lt;option value="Au"&gt;Auction (Best Price Wins)&lt;/option&gt;
      &lt;option value="Fi"&gt;Fixed Price&lt;/option&gt;
      &lt;option value="Fr"&gt;Free Item/Donation&lt;/option&gt;
      &lt;option value="Mu"&gt;Multiple Items and Prices&lt;/option&gt;
      &lt;option value="No"&gt;No Price Displayed&lt;/option&gt;
      &lt;option value="Tr"&gt;Trade&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <h1>Here's the JS</h1>
  
  <pre><code>window.addEvent('domready', function() {
      ...
  
      $('id_method').addEvent('change', function() {
          alert(this.getSelected().selection[0].value);
      });
  });
  </code></pre>
  
  <p>Here's my attempt at putting in in jsfiddle: <a href="http://jsfiddle.net/jNYud/" rel="nofollow noreferrer">http://jsfiddle.net/jNYud/</a></p>
  
  <p>I know this is probably a really silly question, but I'd appreciate some help. Thanks!</p>