javascript - jqueryを使用して、ポップアップにあるドロップダウンリストの値を知る必要があります

Question

グリッドにjtableを使用していますが、新しいレコードを作成すると、そこにポップアップが表示されます。ドロップダウンリストがあるので、そのドロップダウンリストの値を取得する必要があります。どうすればこれを達成できますか？

これはhtmlです：

  <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">
    <div class="ui-dialog-content ui-widget-content" style="width: auto; min-height: 30px; height: auto;" scrolltop="0" scrollleft="0">

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

    $('#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.');
    });
    </script>