title: How to get the selected label from a html <select>?
body: <p>HTML Javascript question</p>
  
  <p>to get the selected value of a input-select I can use </p>
  
  <pre><code>&lt;select id="gender" name="gender" class="style12"&gt;
      &lt;option selected="selected"&gt;ALL&lt;/option&gt;
      &lt;option&gt;Male Only&lt;/option&gt;
      &lt;option&gt;Female Only&lt;/option&gt;
  &lt;/select&gt;
  
  document.getElementById('gender').value
  </code></pre>
  
  <p>is there any easy way for me to get the selected label (i.e. ALL / Male Only / Female Only) with javascript?</p>
  
  <p>Thanks a lot for reading.</p>