jquery - jquery post メソッドで変数によって textinput 値を参照できません

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>";
}
?>

2番目のボタンを押したときに出力3を取得したい。私のfirebugコンソールは「未定義のparameter.parameter」と言います。

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

Answer 1

あなたのコメントでは、テキストボックスの値を送信したいと言いました。テキストボックスは次のような onclick でレンダリングされるためonclick='abc($i)'、たとえばonclick='abc(2)'whenの場合、関数で$i=2正しいテキストボックスを見つける必要があります。これは name のテキストボックスです:abc2

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