0

我有一个问题，我有一个包含多个表单的字段，这些表单最多可以重复 50 次但具有不同的值​​​​，我想用 $ 从列表中发送您选择的表单。post('process.php', $("#form") .serialize(), function(data)，但是当点击一个表单值时只发送第一个表单而不发送表单值来选择。

尝试单位本身，这是两个简单的文件，例如

表格.html

<html>
<head>
<title>Ejemplo de form con jquery</title> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script>
<script type="text/javascript">
$(function() {
$("form").validate( {
submitHandler: function(form) {
$.post('process.php', $(form).serialize(), function(data) {
$('#results').html(data);
            });
        }
    });
});
</script>
</head>
<body>
<form method="post" id="form">
    <label for="name" id="name_label">Nombre</label>  
    <input type="text" name="name" id="name" size="30" value=""/>  
    <br>

    <input type="submit" name="submit" value="SEND"> 
</form>

<form method="post" id="form">
    <label for="name" id="name_label">Nombre</label>  
    <input type="text" name="name" id="name" size="30" value=""/>  
    <br>
  <input type="submit" name="submit" value="SEND"> 
</form>

<form method="post" id="form">
    <label for="name" id="name_label">Nombre</label>  
    <input type="text" name="name" id="name" size="30" value=""/>  
    <br>
  <input type="submit" name="submit" value="SEND"> 
</form>

<form method="post" id="form">
    <label for="name" id="name_label">Nombre</label>  
    <input type="text" name="name" id="name" size="30" value=""/>  
    <br>
  <input type="submit" name="submit" value="SEND"> 
</form>

<form method="post" id="form">
    <label for="name" id="name_label">Nombre</label>  
    <input type="text" name="name" id="name" size="30" value=""/>  
    <br>
  <input type="submit" name="submit" value="SEND"> 
</form>
<div id="results"></div>
</body>
</html>

进程.php

 <?php

    print "Form enviado correctamente: <br>the post value is <b>".$_POST['name']."</b> ";
?>

我想要的是，如果我在下面的最后一个表格中输入一个值，我会向您发送此表格的值或您选择的任何值，而不是上面表格的值，即问题出在哪里并且不想要 q一次发送所有表单的值 ls 只想发送表单的值以选择

4

3 回答 3

1

添加具有唯一名称和/或 ID 的表单。请注意，输入类型从提交更改为按钮。

<form method="post">
    <label for="name" id="name_label">Nombre</label>  
    <input type="text" name="name" id="name" size="30" value=""/>  
    <input type="button" value="SEND"> 
</form>
<form method="post">
    <label for="name" id="name_label">Nombre</label>  
    <input type="text" name="name" id="name" size="30" value=""/>  
    <input type="button" value="SEND"> 
</form>

然后连接事件处理程序

$('input[type=button]').click(function(e)) {
    $(this).parent('form').submit();
};

最好不要在 DOM 中有两个具有相同 id 的元素。

于 2013-08-15T03:28:57.323 回答
0

给每个表单一个类或相同的名称，然后使用 $(.class).serialize();

是的，您的 html 中不应该有具有相同 id attr val 的元素，这违背了唯一标识符的目的，不好的做法

于 2013-08-15T03:11:27.243 回答
0 
$(function() {
      $("form").each(function() {
          $(this).validate( {
              submitHandler: function(form) {
                  $.post('process.php', $(form).serialize(), function(data) {
                      $('#results').html(data);
                  });
              }
          });
      });
  });
于 2013-08-15T04:05:17.397 回答