1

フォームに無制限の入力フィールドを追加する jquery を使用した単純なフォームがあります。問題は、jquery がフィールドを追加するときに、実際には送信時に値を投稿しないことです。これをデバッグする方法はありますか? これが私のコードです:

<script  src="../orders/src/jquery.min.js"></script>
<script type="text/javascript">
    $(function() {
        var addDiv = $('#addinput');
        var i = $('#addinput p').size() + 1;

        $('#addNew').live('click', function() {
            $('<p><input type="text" id="p_new" size="40" name="item[]" value="" placeholder="Input here" /><a href="#" id="remNew">Премахни</a> </p>').appendTo(addDiv);
            i++;
            return false;
        });

        $('#remNew').live('click', function() {
            if( i > 2 ) {
                $(this).parents('p').remove();
                i--;
            }
            return false;
        });
    });
</script>
<form action="add-exe.php" method="post">
      <div id="addinput">
        <p>
           <a href="#" id="addNew">Add line</a>
        </p>
        <input type="submit" value="Запази">
    </div>
</form>

これは、配列に追加されたものを読み取ろうとしている単純な php 側です。これまでのところ、Jquery 経由で追加されたフィールドは渡されません

$itemlist = count($_POST['item']) ? $_POST['item'] : array();
print_r(array_values($itemlist));

入力フィールドが動的に追加されていない場合 - フォームは配列を問題なく投稿しています

4

1 に答える 1