<div>
<pre><code id="code-20-38768867-1">$(&quot;#YOUR_DROPDOWN_ID&quot;).change(function() {
    alert( $(this).val() );
})</code></pre>
</div>


$("#YOUR_DROPDOWN_ID").change(function() {
    alert( $(this).val() );
})

<div>
it doesnt work on a select2 dropdown
</div>


<div>
<a href="http://jsfiddle.net/7EneU/" rel="ugc">http://jsfiddle.net/7EneU/</a>
</div>


http://jsfiddle.net/7EneU/ [http://jsfiddle.net/7EneU/]

<div>
<a href="http://jsfiddle.net/7EneU/1/" rel="ugc">http://jsfiddle.net/7EneU/1/</a>
</div>


http://jsfiddle.net/7EneU/1/ [http://jsfiddle.net/7EneU/1/]

<div>
your not using the select2 plugin...it converts options to &lt;ul&gt; tags
</div>


your not using the select2 plugin...it converts options to <ul> tags

<div>
I don't know the plugin you're talking about...
</div>


I don't know the plugin you're talking about...

<div>
<a href="http://ivaynberg.github.com/select2/" rel="ugc nofollow">http://ivaynberg.github.com/select2/</a>
</div>


http://ivaynberg.github.com/select2/ [http://ivaynberg.github.com/select2/]

<div>
<a href="http://jsfiddle.net/g4MCH/" rel="ugc">http://jsfiddle.net/g4MCH/</a>
</div>


http://jsfiddle.net/g4MCH/ [http://jsfiddle.net/g4MCH/]

<div>
<div class="content wysiwyg-content">
How do I code the change event on a select2 dropdown?
</div>
</div>


How do I code the change event on a select2 dropdown?

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.