jquery - 无法在 jquery post 方法中通过变量引用文本输入值

Question

我想通过 jquery ajax post 方法发送数据。我试图通过变量引用表单的输入。但不成功。这是代码..

 <script type="text/javascript">
  function abc(parameter)
{  
 $.post('test1.php',{id:parameter.parameter.value},
      function(output)
      {
         $('div').html(output).show();            

         })
}
</script>
<?php
for ($i=1;$i<=3;$i++)
{   $j=$i+1;
echo "<form name='$i'><div>$i</div><input name='$i' type='hidden' value='$j'/><input type='button'value='Accept' onclick='abc($i)'></form>";
}
?>

当我按下第二个按钮时，我想获得输出 3。我的萤火虫控制台说“未定义的参数。参数”我该怎么办？请告诉我。提前谢谢..这是我的test1.php代码..

  if (isset($_POST['id']))
 {     $id=$_POST['id'];
   echo "Got $id";
  }

Answer 1

在您的评论中，您说您想发送文本框的值。由于文本框是通过这样的 onclick 呈现的：onclick='abc($i)'例如onclick='abc(2)'when $i=2，您需要在abc函数中找到正确的文本框，即名称为 的文本框2：

function abc(parameter) {
    var textboxValue = $("input[name='" + parameter + "']").val();
    $.post('test1.php',{id: textboxValue}, function(output) {
        $('div').html(output).show();
    });
}