多个表单目标点击按钮

时间:2012-07-27 05:51:00

标签: jquery ajax

我想为页面上的每个图片添加一个评论表单。图像数量是动态的。有没有办法让jquery定位单击的提交按钮的表单数据?

我目前有:

$('.comment_button').click(function() {    
var comment = $('input#comment').val();
    var id = $('input#id').val();
    var other = $('input#other').val();
    var dataString = 'comment='+ comment + '&id=' + id + '&other=' + other;

    alert (dataString);
});

这意味着每个图像的所有表单字段和表单名称都相同(可能应该使它们对于验证而言是唯一的)但是无论是否有一种方法可以获取用户单击该特定提交按钮时的表单字段形成?

2 个答案:

答案 0 :(得分:0)

我理解你的问题, 您可以使用serialize功能  喜欢

$('form').submit(function() {
  console.log($(this).serialize());
  return false;

});

此处的文档JquerySerialize

答案 1 :(得分:0)

为评论表单添加容器div。所以点击查找按钮的父div。然后找到该div中的所有输入元素,它将为该注释表单提供输入文本框。

示例伪代码..试试这样..

$('.comment_button').click(function() {    

  var parentDiv= $(this).parent();
  $(parentDiv "input[type=text]").each(function()
  {
    if(this.id == "comment")
      //get comment text
   .
   .

  });
});