I need to know the value of a dropdownlist that is in a popup, with jquery
<p>I am using <a href="http://www.jtable.org/" rel="nofollow">jtable</a> for my grids and when create a new record it raises a popup in there. I have a dropdownlist so I need to get the value of that dropdownlist. How can I achieve this?</p>

<p>This is the html: </p>

<pre><code>  &lt;div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable" style="display: block; z-index: 1002; outline: 0px none; position: absolute; height: auto; width: auto; top: 78px; left: 828px;" tabindex="-1" role="dialog" aria-labelledby="ui-dialog-title-2"&gt;
    &lt;div class="ui-dialog-content ui-widget-content" style="width: auto; min-height: 30px; height: auto;" scrolltop="0" scrollleft="0"&gt;

&lt;form id="jtable-create-form" class="jtable-dialog-form jtable-create-form" method="POST" action="/Item/Insertar"&gt;
&lt;div class="jtable-input-field-container"&gt;
&lt;div class="jtable-input-label"&gt;Producto&lt;/div&gt;
&lt;div class="jtable-input jtable-dropdown-input"&gt;
&lt;select id="Edit-Producto" class="" name="Producto"&gt;
&lt;option value="1"&gt;Burn 1 L&lt;/option&gt;
&lt;option value="2"&gt;Burn 1.5 L&lt;/option&gt;
&lt;option value="3"&gt;Burn 1/2 L&lt;/option&gt;
&lt;/select&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/form&gt;
   &lt;/div&gt;
    &lt;/div&gt;
</code></pre>

<p></p>

<pre><code>    $('#Edit-Producto').change(function () {
        var t = $('#Edit-Producto').val();
        alert(t);
        alert('Handler for .change() called.');
    });
    $("select[name='Producto']").change(function () {
        alert('Handler for .change() called.');
    });
    &lt;/script&gt;
</code></pre>
