如何包含被單擊的表單提交按鈕的值？

Question

我必須提交一個表單，並且需要包含單擊的“提交”按鈕的值。 我怎樣才能做到這一點？ 這是我的代碼：

<form id="form_update" >
    <input type="text" class="form-control" name="title" value="" >
    <input type="hidden" name="prova" value="prova" />
    <button type="submit" name="salva" value="delete" class="btn btn-success">delete</button>
    <button type="submit" name="salva" value="modify" class="btn btn-success">modify</button>
    <button type="submit" name="salva" value="save" class="btn btn-success">save</button>
</form>

$(document).on('submit', '#form_update', function() { 
    return callAjax($(this).serialize()); 
}); 

function callAjax(data) {
    $.ajax({
        type: 'POST',
        url: 'call/function.php',
        data: data,
        success:  function(data) { 
            // code
        },
        error: function(data) { 
            alert('error'); 
        }
    });
    return false;
};  

Answer 1

我將事件類型更改為單擊按鈕，然后使用$(this).val()訪問其值。

$(document).on('click', 'button', function(e) {
    e.preventDefault(); // Prevent from submitting form. 
    var buttonValue = $(this).val();
    return callAjax($('#form_update').serialize()); 
}); 

Answer 2

使用以下功能。

$(document).on('submit', '#form_update', function() { 
    var val = $("input[type=submit][clicked=true]").val();
    return callAjax($(this).serialize()+'&clickedVal='+val ); 
}); 

它將與ajax請求一起傳遞單擊的按鈕值。

Answer 3

謝謝...

使用Arun解決方案，我得到未定義的val值...

使用大安解決方案，問題還是一樣的...

但是根據您的回應，我已經解決了混合問題:)

$(document).on('click', 'button', function(e) {
  e.preventDefault(); // Prevent from submitting form. 
  var buttonValue = $(this).val();
  return callAjax($('#form_update').serialize()+'&salva='+buttonValue ); 
}); 

非常感謝 ;）