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'); 
}}]