javascript - 单击了哪个提交按钮

Question

我怎么知道在提交表单时点击了哪个提交按钮。

HTML:

<button type="submit" name="add_in_queue" id="add_in_queue" value="add_in_queue">Queue</button>
<button type="submit" name="create_tran" id="create_tran" value="create_tran">Process</button>

JQUERY:

$('form#create_tran_form').on('submit',function(e){
    var submit_value = $(this).attr('id');
    alert(submit_value);
    e.preventDefault();
});

我得到的表单 ID 是:create_tran_form。我想获取提交按钮的名称或值。我怎样才能做到这一点？ 谢谢。

Answer 1

无法从提交事件中分辨出来。您需要捕获按钮上的事件。

例如有一个事件处理程序来监听提交按钮的点击，将结果存储在表单中，然后在您的提交处理程序中读回它。

$('[type="submit"]').on('click', function (evt) {
    $(this.form).data('selected', this.value);
});

$('form').on('submit', function (evt) {
    alert($(this).data('selected'));
});