モーダルダイアログにデータを追加

Question

モーダルダイアログで作業していますが、モーダルダイアログのフォームからデータを入力できますか？テキストボックスの値のような、またはドロップダウンリストの値？どうやってやるの？

モーダルダイアログコード：

var isConfirmed = false; 
       $('form').submit(function(e) { 
        var dialog = $("#dialog"); 
        if ($("#dialog").length == 0) { 
         dialog = $('<div id="dialog" style="display:hidden"> Los datos ingresados son:</div>').appendTo('body'); 
        } 
        dialog.load(

         $("#dialog").dialog({ 
          close: function(event, ui) { 
           dialog.remove(); 
          }, 
          resizable: false, 
          //height: 140, 
          //width: 460 
          modal: true, 
          buttons: { 
           "Ok": function() { 
            $(this).dialog("close"); 
            isConfirmed = true; 
            $("form").submit(); 
           }, 
           Cancel: function() { 
            $(this).dialog("close"); 
           } 
          } 
         }) 
        ); 
        if (isConfirmed) 
         return true; 
        else { 
         e.preventDefault(); 
         return false; 
        } 
       }); 

Answer 1

使用

dialog.data('yourDataKey', 'yourData') 

と対話する方法はいくつかの要素に取り付けられているので、ダイアログが

if (dialog.length == 0) { 
    dialog = $('<div id="dialog" style="display:hidden"> Los datos ingresados son:</div>').appendTo('body'); 
} 

Answer 2

に存在する場合は、あなたの小切手を変更sort - 通常はdiv - あなたはそのdivに必要なものを置くことができます。以下は、ドキュメントの例です。

<script> 
$(function() { 
    $("#dialog").dialog(); 
}); 
</script> 



<div class="demo"> 

<div id="dialog" title="Basic dialog"> 
    <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p> 
</div> 

段落はメソッドにバインドされています。

Answer 3

現在ダイアログをページに追加するのと同じ手順を使用します。あなたはこれを使用している：

は

dialog = $('<div id="dialog" style="display:none"> Los datos ingresados son:</div>').appendTo('body'); 

（注：。。あなたは無効であるdisplay:noneに変更上記、display:hiddenを使用していた）

同様に、あなたはこれを行うことができます。

$('<div id="dialog_content">Whatever you want inside the dialog</div>').appendTo(dialog);