Getting More Than 1 Select Box to Work with jQuery
<p>I have a select drop down that processes the options with jQuery code below: </p>

<pre><code> &lt;script&gt;
        function InsertContentBlockForm() {
            var content_id = jQuery("#add-content-block-id").val();
            if(content_id == "") {
                alert("&lt;?php _e( 'Please select a Content Block', 'custom-post-widget' ); ?&gt;");
                return;
            }
            var win = window.dialogArguments || opener || parent || top;
            win.send_to_editor("" + content_id + "");
        }

    &lt;/script&gt; 
</code></pre>

<p>HTML Code:</p>

<pre><code>    &lt;select id="add-content-block-id" &gt;
      &lt;option value=""&gt; ...
...&lt;input type="button" value="Add Option" onclick="InsertContentBlockForm();"/&gt;
</code></pre>

<p>That works fine by itself but what I'm trying to do is have numerous select boxes on one page and have the same jQuery code process it and display that specific select boxes values. </p>

<p>I tried adding an array in the jQuery code but I am not having any luck getting the output from the second select box - which I've tried adding a new ID to. Any thoughts? Thanks.</p>
