在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