フォームに無制限の入力フィールドを追加する 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));
入力フィールドが動的に追加されていない場合 - フォームは配列を問題なく投稿しています