JQuery .click() на представить - не посылать значение

Question

У меня есть две простые кнопки Подайте на моей форме, которые работают просто отлично:

<button id="accept" type="submit" name="accept" value="accept">Accept</button> 
<button id="decline" type="submit" name="decline" value="decline">Decline</button> 

Однако страница в вопросе вы можете либо мнение, перейдя непосредственно к URL-адресу, или он иногда отображается в диалоговом окне модальный, который у меня есть настройка с помощью следующей JQuery:

dialog.dialog({ 
    buttons: [ 
     { 
      text: "Decline", click: function() { 
       $('#decline').click(); 
       dialog.dialog('close'); 
      } 
     }, 
     { 
      text: "Accept", click: function() { 
       $('#accept').click(); 
       dialog.dialog('close'); 
      } 
     } 
    ] 
}); 

dialog.load(url + '&ajax=1'); 

Это отправляет форму очень хорошо, и он обнаруживает все после информации, кроме того элемента, который был на самом деле щелкнул. Например, если вы загружаете форму и нажмите кнопку #decline, эта информация будет опубликована, это не относится к jQuery.

Благодаря

Answer 1

Тщательные с диалогами, поскольку они не делают ваше представить действие из ваших входов ждать. Как только вы нажмете кнопку, будет отправлено сообщение. Вы должны использовать ввод кнопки типа вместо отправки и управлять представлением с помощью метода $ (form) .submit(). Это может решить ваши проблемы

EDIT: ответить на Ваш комментарий:

<style> 
.submitbutton{ 
    text-align:center; 
    font-weight:bold; 
    /* you can do whatever you like here */ 
}​ 
</style> 
<div id="dialog"></div> 
<form id="myform"> 
<input id="accept" class="submitbutton" type="text" value="Accept button" name="accept" value="accept"/> 
<input id="decline" class="submitbutton" type="text" value="Decline button" name="decline" value="decline"/> 

</form>​ 
<script> 
$('#accept,#decline').click(function(e){ 
    alert('you clicked #'+$(this).attr('id')); 
    //you can do whatever you want here as you know which button was pressed. 
    // to add more information in your form : 
    $('#myform').append($("<input>").attr("type", "hidden").attr("name", "newhiddendata").val("something")); 
    $('#myform').submit(); 
}); 

var dialog= $('#dialog'); 
dialog.dialog({ 
    modal:true, 
    buttons: [ 
     { 
      text: "Decline", click: function() { 
       dialog.dialog('close'); 
       $('#decline').click(); 

      } 
     }, 
     { 
      text: "Accept", click: function() { 
       dialog.dialog('close'); 
       $('#accept').click(); 
      } 
     } 
    ] 
}); 
​ 
</script> 

http://jsfiddle.net/techunter/KPu7G/

это действительно сырые, не CSS на всех, но вы видите точку.

Answer 2

попробовать:

dialog.dialog({ 
    buttons: { 
      "Decline": function() { 
       $(this).dialog("close"); 
      }, 
      "Accept": function() { 
       $(this).dialog("close"); 
      }   
     } 
}); 

Answer 3

Добавить скрытый элемент в форму и при нажатии кнопки, есть его установить значение этого элемента, прежде чем он отправляет форму.