使用jQuery模式对话框提交表单

时间:2012-10-12 14:02:23

标签: jquery

根据我们的项目要求,我们开发了jQuery对话框并添加了3个按钮

是,否和取消

在是按钮上我们需要提交表格 但表格未提交 没有什么事情发生在是和否

代码如下

 $("#dialog-NurseTeam").dialog({
        autoOpen: false,
        width: 430,
        resizable: false,
        title: 'Confirmation',
        modal: true,
        buttons:[ {
            "text": "Yes",
            "click": function () {
              debugger; 
              document.getElementById("IsNurseTeamChanged").checked=true;
              document.getElementById("hdnCancelChecked").value="Yes"; 
              $(this).dialog("close");
               $form = $('#PatientNewVisitForm');
              $form.submit();

              }

            },
            {
            "text": "No",
            "click": function () {
            document.getElementById("IsNurseTeamChanged").checked=false;
            document.getElementById("hdnCancelChecked").value="No";
                $(this).dialog("close");

            }
        },
            {
            "text": "Cancel",
            "click": function () {
            document.getElementById("IsNurseTeamChanged").checked=false;
            document.getElementById("hdnCancelChecked").value="Cancel";
                $(this).dialog("close");

            } }]


    });

请帮我解决这个问题

1 个答案:

答案 0 :(得分:1)

尝试更改这些行的顺序:

         $(this).dialog("close");
         $form = $('#PatientNewVisitForm');
         $form.submit();

为:

         $form = $('#PatientNewVisitForm');
         $form.submit();
         $(this).dialog("close");

表单提交行可能无法运行,因为模式已关闭。不完全确定,但值得一试。希望它有所帮助。