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

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

Live Demo

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

使用 on

编辑动态生成的内容

<强> Live Demo

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


  }

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

4 个答案: