How can I use jQuery to replace the contents of a select element when the arrow is clicked?
<p>I have a select looking like this:</p>

<pre><code>    &lt;select name="rowKey_1" id="rowTopic_1"&gt;
        &lt;option value="00"&gt;Topic 1&lt;/option&gt;
    &lt;/select&gt;
</code></pre>

<p>I have many of these in a grid on a table. </p>

<p>What I would like is for when the user clicks on the select arrow I would like jQuery to trigger and then have code that calls a URL and retieves new options. Then I would like to have the one option replaced with my new long option list. </p>

<p>I can code the ajax request but how can I code the jQuery that senses the trigger clicked and then how can I code the jQuery that replaces the options with new options? </p>
