title: onclick/onchange in dropdown
body: <p>i have this</p>
  
  <pre><code>&lt;h2 id="caption"&gt;Hello World&lt;/h2&gt;
  &lt;select name="font" id="Font"&gt;
              &lt;option onClick="document.getElementById('caption').style.fontFamily = 'courier';" value="courier"&gt;Courier&lt;/option&gt;
              &lt;option onClick="document.getElementById('caption').style.fontFamily = 'georgia';" value="georgia" &gt;Georgia&lt;/option&gt;
              &lt;option onClick="document.getElementById('caption').style.fontFamily = 'palatino';" value="palatino"&gt;Palatino Linotype&lt;/option&gt;
              &lt;option onClick="document.getElementById('caption').style.fontFamily = 'times';" value="times"&gt;Times New Roman&lt;/option&gt;
              &lt;option onClick="document.getElementById('caption').style.fontFamily = 'arial';" value="arial"&gt;Arial&lt;/option&gt;
              &lt;option onClick="document.getElementById('caption').style.fontFamily = 'comic';" value="comic"&gt;Comic Sans&lt;/option&gt;
              &lt;option onClick="document.getElementById('caption').style.fontFamily = 'impact';" value="impact"&gt;Impact&lt;/option&gt;
              &lt;option onClick="document.getElementById('caption').style.fontFamily = 'lucida';" value="lucida"&gt;Lucida Console&lt;/option&gt;
              &lt;option onClick="document.getElementById('caption').style.fontFamily = 'trebuchet';" value="Trebuchet"&gt;Trebuchet&lt;/option&gt;
              &lt;option onClick="document.getElementById('caption').style.fontFamily = 'tahoma';" value="tahoma"&gt;Tahoma&lt;/option&gt;
              &lt;/select&gt;
  </code></pre>
  
  <p>this doesn't change the fontstyle,,
  what's wrong?</p>