How to get the value of a multiple option dropdown?
<p>Say I have this dropdown:</p>

<pre><code>&lt;select name="color" multiple="multiple"&gt;
&lt;option value="red"&gt;Red&lt;/option&gt;
&lt;option value="green"&gt;Green&lt;/option&gt;
&lt;option value="blue"&gt;Blue&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>So basically more than 1 color can be selected. What I'd like is that if a user selects red, and then clicks green, i'd like a function to be called each time which pops up a message box saying the color which was most recently clicked.</p>

<p>I've tried this:</p>

<pre><code>&lt;option value="red" onclick="alert('red');"&gt;Red&lt;/option&gt;
&lt;option value="green" onclick="alert('green');"&gt;Green&lt;/option&gt;
&lt;option value="blue" onclick="alert('blue');"&gt;Blue&lt;/option&gt;
</code></pre>

<p>This works in firefox and chrome, but not in IE.</p>

<p>Any ideas?</p>
