Question

这应该很容易，但是在浏览了几个库（jquery首选！）甚至普通的旧javascript之后，我正在画一个空白。

换句话说，一行有3个编辑框，2个预填充类型，比如奶酪和泡菜，然后是一个未填充的数字框，右边是提交按钮。重复n行。

换句话说：想象一下从搜索结果中呈现为一系列行的表单。假设有8个结果，即8行。用户可以将他们的选择保存到100个“插槽”中。如果每一行都有名字或字母，那很容易;我只是将每个提交按钮调用一个数字，1到8，当按下说6时，它知道它要保存的第6行。它使用Malsup的jquery形式的东西以ajaxy的方式提交它，这样每次都不需要刷新表单。

但是这不允许自由选择保存结果的“插槽”。如果我可以通过提交按钮反映其左侧单元格中的数字，我就会离开。

但我不能，所以我不是。我似乎是唯一一个做这种无稽之谈的人。有更好的方法吗？

Answer 1

我们假设您的提交按钮是一个按钮元素。

$('table').delegate('button', 'click', function(e) {

  var formData = {}

  $(this).closest('tr').find('input').each(function() {
    formData[this.name] = this.value;
  });

  //Add in your code to ajax it off...

  e.preventDefault(); //since buttons/submits behave differently in each browser.

});

//现在您在对象中拥有所有formData。通过Ajax发送它。

根据表单中的值动态更改表单提交按钮？

1 个答案: