jQuery UI的模態對話框不提交

Question

我的目標 - 用戶輸入CLIENTNAME成自動完成，並選擇客戶端名。在選擇時，應用按鈕被啓用。

在Apply按鈕點擊，提交CLIENTNAME和客戶端Id不同的PHP頁面。

我的問題 - 所有的工作好的，但沒有重定向/發佈到表單action中的頁面url。

誰能幫助，非常感謝。

$(function() { 
$("#btnCancelId").button(); 
    $("#btnApplyId").button(); 
    $('#btnApplyId').attr('disabled', true); 
$("#btnAddId").button(); 
    $('#btnAddId').click(function() {$divDialog.dialog('open'); return false;}); 

    $('#txtClientName').bind('keyup', function() { 
$('#txtClientId').val(''); 
$('#txtClientId').css({'background-color': '#FFC0C0'}); 
$("#btnApplyId:eq(0)").addClass("ui-state-disabled").attr("disabled", true); 
    }); 

    var $divDialog = $('#divDialog'); 
    $divDialog.dialog({ 
    autoOpen: false, 
    modal: true, 
    title: 'Company name', 
    buttons: [{ 
    id: 'btnCancelId', 
    text: 'Cancel', 
    click: function() {$divDialog.dialog('close');} 
    },{ 
     id: 'btnApplyId', 
     text: 'Apply', 
     disabled: true, 
     click: function() { 
     $('#divDialog').submit(); 
    // $divDialog.dialog('close'); 
    } 
    }] 
}); 

    $("#txtClientName").autocomplete({ 
     source: "_ajcustlist.php", 
     minLength: 2, 
     select: function(event, ui) { 
    $("#btnApplyId:eq(0)").removeClass("ui-state-disabled").attr("disabled", false); 
      $('#txtClientId').val(ui.item.id);} 
    }); 
}); 

的HTML代碼 -

<div id="divDialog"> 
    <form id="client_form" name="client_form" method="post" action="editinv.php"> 
    <input type="text" id="txtClientName" name="txtClientName" /> 
    <input type='text' id='txtClientId' name='txtClientId' style='display:none'/> 
    </form> 
</div> 

Answer 1

在對話框的動作按鈕的Click事件是錯誤的。它目前正試圖提交一個div（$('#divDialog')）而不是專區內的形式（$('#client_form')）。

變化：

click: function() { 
    $('#divDialog').submit(); 
    // $divDialog.dialog('close'); 
}}] 

到：

click: function() { 
    $('#client_form').submit(); 
    // $divDialog.dialog('close'); 
}}]