jquery - jqueryダイアログ内の入力ボックス

Question

jqueryダイアログボックスの[保存]ボタンをクリックしたときにjQuery入力ボックスに入力された値を取得する方法。

window.parent.$('#divDialog')
  .attr('title', 'Edit ATM Details')
  .html('<table><tr align="center"><td align="center">Enter ATM ID &nbsp;</td><td align="center"><input id="txtEditATM" name="txtEditATM" type="text" /></td></tr></table>')
  .dialog({
     buttons: {
              "Save": function() {
                                 var atmid = $('#txtEditATM').val();
                                 //Next Processing Done Here
                                 }
              }
   });

Answer 1

入力もウィンドウの親にあるため、次のことを行う必要があります。

var atmid = window.parent.$('#txtEditATM').val();

Answer 2

私はそれを分割し、読みやすくし、コンテキストを簡単に制御します

var div = window.parent.$('#divDialog');
        div.attr('title', 'Edit ATM Details').html('<table><tr align="center"><td align="center">Enter ATM ID &nbsp;</td><td align="center"><input id="txtEditATM" name="txtEditATM" type="text" /></td></tr></table>');

        div.dialog({
             buttons: {
                      "Save": function() {
                                         var atmid = div.find('#txtEditATM').val();
                                         //Next Processing Done Here
                                         }
                      }
            });