在jQuery中传递变量以更改对话框标题

Question

我想设置一个对话框，我希望将按钮的名称按下并转移到对话框中，但我不知道如何执行此操作。

到目前为止，我有：

$(document).ready(function(){ 
$("#x").live('click', function(){ 
var name = $(this).attr('name'); //want to pass this to the next jquery 
$('#dialog_box').dialog("open"); 
}); 
var input = $("#input");  
$("#dialog_box").dialog({ 
    autoOpen: false, 
    resizable: false, 
    height:180, 
    width: 350, 
    modal: true, 
    buttons: { 
     "Update": function(){ 
      alert(name); 
     } 
    } 
    }); 
}); 

另外，我将如何去使用变量，一旦转移到更新的对话框（如下标记）的称号？

<div id="dialog_box" title="name variable here"> 
<form id="dialog_form" name="dialog_form"> 
    <fieldset> 
    <input type="text" name="input" id="input"/> 
    </fieldset> 
</form>     
</div> 

任何帮助表示赞赏:)

Answer 1

所有.live()首先不赞成，我建议使用.on()并尝试.data()方法

$(document).on('click', '#x', function(){ 
    $('#dialog_box').data('name', $(this).attr('name')); //passed to dialog 
    $('#dialog_box').dialog("open"); 
}); 

内部对话

$("#dialog_box").dialog({ 
     autoOpen: false, 
     resizable: false, 
     height:180, 
     width: 350, 
     title: $(this).data('name'), //will set dialog title 
     modal: true, 
     buttons: { 
     "Update": function(){ 
      alert($(this).data('name')); //should return input value 
     } 
    } 
    }); 
}); 

Answer 2

请更改文本框的ID与合适的名称。

试试这个。

var titleValue=$("#input").val(); 
$("#dialog_box").dialog({ title: titleValue }); 

或 可以覆盖默认这样

$("#dialog_box").dialog("option", "title", $('#titleText').val()); 

按钮单击处理程序。

$('#btnOpendialog').on('click', function (e) { 
    e.preventDefault(); 
    $("#dialog_box").dialog('open'); 
    $("#dialog_box").dialog("option", "title", $('#titleText').val()); // to change the dialog title. 

}) 

Working Demo