jquery - 如何通过表单集合的id在formcollection中通过jquery获取按钮的值？

Question

我有formcollection和两个按钮

 <form id="frmSubmitTax" method="post">
  <input type="submit" id="btnTaxSave" value="Save" /> 
 <input type="submit" id="btnTaxNext" value="Next" />
 </form>

我通过 jquery 提交表单，我想在表单提交 jquery 代码时获取按钮的值

    $('frmSubmitTax').live('submit', function (e) {
 get value of button that which button is submitted......
});

Answer 1

您需要点击最后一个按钮，它将是导致提交的按钮。

现场演示

var target = null;
$('#frmSubmitTax :input').click(function() {
    target = this;
});
$('#frmSubmitTax').submit(function() {
    alert(target.value);
});​

使用on编辑动态生成的内容

现场演示

var target = null;
$('#frmSubmitTax').on('click', ':input',function() {
    target = this;
});

$(document).on('submit', '#frmSubmitTax',function() {
    alert(target.value);
});​

Answer 2

您的 HTML 中有错误。你应该改变

<input type="submit" id="btnTaxNext"> value="Next" />

到

<input type="submit" id="btnTaxNext" value="Next" />

对于 jQuery 部分：

$('#frmSubmitTax').live('submit', function (e) {
 console.log($(this).find('#btnTaxSave').val(); //first value
 console.log($(this).find('#btnTaxNext').val(); //second value
});

Answer 3

试试这个

$('frmSubmitTax').live('submit', function (e) {
   var id= $(e.target).attr('id');
  alert(id);
});

未测试。

另一种解决方案

检查现场工作演示http://jsfiddle.net/fKppt/162/

Answer 4

试试这个

  $('#frmSubmitTax').live('submit', function (e) {

     $(this).find('#btnTaxSave') // for accessing button inside form scope


  }