title: Getting selected value without using onchange attribute
body: <p>I want the same result without using the <code>onchange</code> attribute.
  Some ideas?</p>
  
  <p>Here's the HTML:</p>
  
  <pre><code>&lt;select onchange="filtro(this)" id="tipo" name="noticia/conteudo/tipo"&gt;
      &lt;option  value="Layout1"&gt;Layout1&lt;/option&gt;
      &lt;option value="Layout2"&gt;Layout2&lt;/option&gt;
      &lt;option value="Layout3"&gt;Layout3&lt;/option&gt;
      &lt;option value="Layout4"&gt;Layout4&lt;/option&gt;
      &lt;option value="Layout5"&gt;Layout5&lt;/option&gt; 
  &lt;/select&gt;
  </code></pre>
  
  <p>Here is the JS:</p>
  
  <pre><code>function filtro(a) {
      var x = (a.value || a.options[a.selectedIndex].value);
      alert(x);
      if (x == "Layout4"){
          alert('test4');
      } 
  }
  </code></pre>