传递值到jquery对话框形式

Question

我需要一个对话窗口来弹出一个表单并将值传递给这个表单。我曾尝试过几种解决这个问题的方法，但我一直无法这样做。我搜遍了全部，似乎没有任何工作。

这是我最新的尝试：

var message="variable"; 

.click(function() { 
$("#dialog-form").dialog("open"); 
$('<input>').attr({ 
    type: 'text', 
    id: 'hidden-input", 
    value: message, 
    name: 'bar' 
}).appendTo("#dialog-form"); 

如果我把追加弹出停止工作的对话框中（我想我不知道如何做到这一点正确）

Answer 1

我认为你正在寻找这样的事情：

<script> 
$(function(){ 
    var message = "variable"; 

    $("#showDialog").click(function() { 
     $("#hidden-input").val(message); 

     $("#dialogForm").dialog("open"); 
    }); 
}); 
</script> 

<button id="showDialog">Show Dialog</button> 

<div id="dialogForm"> 
<input type="text" id="hidden-input" name="bar"/> 
</div> 

Answer 2

我使用脚本完全是为了对话处理（我认为这是更清洁）：

http://jsfiddle.net/fE6q2/

HTML：

Default firstname:<br> 
<input type='text' id="default_firstname"/> 
<br><br> 
<button onclick='on_create_form_clicked()'>create form</button> 

的javascript：

function on_create_form_clicked() 
{ 
    var html = 
     "<div>" + 
      "Firstname:<br>" + 
      "<input type='text' class='firstname'/>" + 
      "<br/><br/>" + 
      "Lastname:<br>" + 
      "<input type='text' class='lastname'/>" + 
      "<br/><br/>" + 
      "<button class='ok'>ok</button>" +  
     "</div>"; 

    var div = $(html); 

    var default_firstname = $('#default_firstname').val(); 
    div.find('.firstname').val(default_firstname);   

    div.find('.ok').click(function() 
    { 
     div.dialog('close'); 

     var firstname = div.find('.firstname').val(); 
     var lastname = div.find('.lastname').val(); 

     alert("firstname was " + firstname 
      + " and lastname was " + lastname);   
    }); 

    div.dialog(
    { 
     title:"Enter firstname and lastname", 
     close: destroy_this_dialog 
    }); 
} 

function destroy_this_dialog(event, ui) 
{ 
    $(this).dialog("destroy"); 
    $(this).remove(); 
}