title: Get clicked option in multiple dropdown
body: <p>I have a multi select dropdown eg:</p>
  
  <pre><code>&lt;select id="myList" multiple="multiple"&gt;  
      &lt;option value="1"&gt;Opt #1&lt;/option&gt;
      &lt;option value="2" selected="selected"&gt;Opt #2&lt;/option&gt;
      &lt;option value="3" selected="selected"&gt;Opt #3&lt;/option&gt;
      &lt;option value="4"&gt;Opt #4&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>If I then selects <code>Opt #4</code>, how do I then only get <code>Opt #4</code> and not <code>Opt #2</code> and <code>Opt #3</code>? I know I can get all selected options by this:</p>
  
  <pre><code>var selectedOptions = $("#myList option:selected");
  </code></pre>
  
  <p>However I only want the option I clicked - <code>Opt #4</code>. Is this possible?</p>
  
  <p>Edit: note that as I manipulate the list inside a <code>change</code> event I can't do it in a <code>click</code> event. Also added missing multiple.</p>