title: How to detect which option has been chosen in "Select" dropdown list
body: <p>I am using a vanilla "select" dropdown so the user can select one of the options. I need to know what option has been selected so I can update another column for example : 
  if the user selected "Very good", the "Score" column will update to 5/5.</p>
  
  <p>I have tried giving ids and changing the "value" attribute of the different options, but it does not solve the problem that i do not know which one is selected.</p>
  
  <p>Here is the dropdown I am using</p>
  
  <pre><code>&lt;div class="dropdown"&gt;
    &lt;select&gt;
      &lt;option value="very bad"&gt;very bad&lt;/option&gt;
      &lt;option value="bad"&gt;bad&lt;/option&gt;
      &lt;option value="normal"&gt;normal&lt;/option&gt;
      &lt;option value="good"&gt;good&lt;/option&gt;
      &lt;option value="very good"&gt;very good&lt;/option&gt;
    &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I expect the HTML element "option" to change if it is selected but even when inspecting, I cannot see a difference. Note that the "value" attribute is always equal to the inner Text if that can help.
  I believe I am not using Jquery.</p>