0

jquery によって生成された入力からデータを取得して、php $_POST で処理するにはどうすればよいですか?

(function($){

         $countForms = 1;

              $.fn.addForms = function(idform){

                            var myform = "<table>"+
                             "  <tr>"+
                             "     <td>Field A ("+$countForms+"):</td>"+
                             "     <td><input type='text' name='field["+$countForms+"][a]'></td>"+
                             "     <td>Field B ("+$countForms+"):</td>"+
                             "     <td><textarea name='field["+$countForms+"][b]'></textarea></td>"+
                             "     <td><button>remove</button></td>"+
                             "  </tr>"+
                             "</table>";



                            if(idform=='mybutton'){

                                myform = $("<div>"+myform+"</div>");
                                $("button", $(myform)).click(function(){ $(this).parent().parent().remove(); });
                                $(this).append(myform);
                                $countForms++;
                            }

              };
        })(jQuery);         



        $(function(){
            $("#mybutton").bind("click", function(e){
            e.preventDefault();
            var idform=this.id;

                if($countForms<3){
                    $("#container").addForms(idform);
                }       
            });
        });

html/php コード:

if ( isset( $_POST['field'] ) )
{
    echo '<table>';
    foreach ( $_POST['field'] as $diam )
    {
        // here you have access to $diam['top'] and $diam['bottom']
        echo '<tr>';
        echo '  <td>', $diam['a'], '</td>';
        echo '  <td>', $diam['b'], '</td>';
        echo '</tr>';
    }
    echo '</table>';
    }

?>

<body>

<div>
<form method="post" name="b" >
<table>
    <tr>
        <td>Field A</td>
        <td><input type='text' name='field[0][a]'></td>
        <td>Field B</td>
        <td><textarea name="field[0][b]"></textarea></td>
        <td><button>remove</button></td>
    </tr>
</table>
</div>
<div id="container"></div>
<button id="mybutton">add form</button>

<div align="center">
<p><input type="submit" value="Registar" name="registar"></p>
</div>
</form>

ページのロード後にjqueryが生成する重複した入力からデータを取得できません。foreach は html 部分に存在する入力の値をエコーするだけなので、私はそれを知っています。jquery入力の値を取得してphpで処理する方法はありますか?

4

0 に答える 0