Как отправить форму с помощью JQuery UI?

Question

У меня есть форма в html с кнопкой отправки по умолчанию. После отправки формы запускается файл php (с действием = homelocation). Я решил использовать диалоговое окно JQuery UI для отображения формы. У меня есть две кнопки по умолчанию - одна для сохранения и одна для закрытия диалога. Может ли кто-нибудь сказать мне, как назначить действие кнопки отправки формы на кнопку диалога 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(); использовать идентификатор в явном виде, версия выше выглядит внутри текущий диалог для любых форм.