title: Trigger JS on select elements with onChange, but also if it's already selected?
body: <p>I am writing a very basic website which involves the user to use a drop down menu to select an option, and it will play a sound when they do. </p>
  
  <p>This works fine if the user wants to pick a different option each time, but not if they play a sound from one <code>&lt;option&gt;</code>, then want to play it again by "selecting" it again. I say "selecting it again" because it's already selected, so clicking on the select box and picking the same option would not be onChange, which wouldn't trigger the event.</p>
  
  <p>How can you achieve it so that if you click on an <code>&lt;option&gt;</code>, it will execute that JS regardless if it is selected?</p>
  
  <pre><code>&lt;select onchange="document.getElementById(this.options[this.selectedIndex].value).play()"&gt;
      &lt;option&gt;Select&lt;/option&gt;
      &lt;option value="1"&gt;Sound one&lt;/option&gt;
      &lt;option value="2"&gt;Sound two&lt;/option&gt;
      &lt;option value="3"&gt;Sound three&lt;/option&gt;
      &lt;option value="4"&gt;Sound four&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>