title: Get selected option text with JavaScript
body: <p>I have a dropdown list like this:</p>
  
  <pre><code>&lt;select id="box1"&gt;
  &lt;option value="98"&gt;dog&lt;/option&gt;
  &lt;option value="7122"&gt;cat&lt;/option&gt;
  &lt;option value="142"&gt;bird&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>How can I get the actual option text rather than the value using JavaScript?  I can get the value with something like:</p>
  
  <pre><code>&lt;select id="box1" onChange="myNewFunction(this.selectedIndex);" &gt;
  </code></pre>
  
  <p>But rather than <code>7122</code> I want <code>cat</code>.</p>