將數據添加到模態對話框

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

對話框更改支票排序 - 通常是一個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> 

該段落在與該方法綁定的div中。

Answer 3

使用您當前使用的相同步驟將對話添加到頁面。您使用此：

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

（注意：您使用display:hidden，這是無效更改爲display:none以上）

同樣，你可以這樣做：

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