title: Getting the text from a drop-down box
body: <p>This gets the value of whatever is selected in my dropdown menu.</p>
  
  <pre><code>document.getElementById('newSkill').value
  </code></pre>
  
  <p>I cannot however find out what property to go after for the text that's currently displayed by the drop down menu. I tried "text" then looked at <a href="http://w3schools.com/" rel="noreferrer">W3Schools</a> but that didn't have the answer, does anybody here know?</p>
  
  <p>For those not sure, here's the HTML for a drop down box.</p>
  
  <pre><code>&lt;select name="newSkill" id="newSkill"&gt;
      &lt;option value="1"&gt;A skill&lt;/option&gt;
      &lt;option value="2"&gt;Another skill&lt;/option&gt;
      &lt;option value="3"&gt;Yet another skill&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>