如何使用JQuery UI提交表單？

Question

我有一個HTML格式的默認提交按鈕。提交表單後，將運行一個php文件（action = homelocation）。我決定使用JQuery UI對話框來顯示錶單。我有2個默認按鈕 - 一個保存，一個關閉對話框。任何人都可以告訴我如何將表單提交按鈕動作分配給JQuery對話框按鈕（即用對話框中的表單替換表單中的提交按鈕）？這裏是我的代碼：

<div id="userdialog" title="Add"> 
<form id="add" action="engine.php" method="POST"> 
<input type="hidden" name="action" value="homelocation" id="action"> 
    <button type="submit">Save this location</button> 
    </form></div> 

對話框：

$('#userdialog').dialog({ 

    width: 260, 
      position: [250,100], 
      buttons: { 
         "Save": function() { 
          HERE GOES THE REQUIRED FUNCTION 
          $(this).dialog('close'); }, 

            "Don't Save": function() { 
         $(this).dialog("close"); 
        } 
       } 

      }); 

Answer 1

你可以這樣做：

$('#userdialog').dialog({ 
    width: 260, 
    position: [250,100], 
    buttons: { 
    "Save": function() { 
     $(this).find("form").submit(); 
     $(this).dialog('close'); }, 
    "Don't Save": function() { 
     $(this).dialog("close"); 
    } 
    } 
}); 

或者，你可以調用$("#add").submit();明確地使用ID，版本上面看裏面的當前對話框的任何形式。