1

動的な追加/削除入力フィールドに jquery でこのスクリプトを使用しています。

<script>
$(document).ready(function(){

var i = $('input').size() + 1;

$('#add').click(function() {
    $('<div><input type="text" class="field" name="dynamic[]" value="' + i + '" /></div>').fadeIn('slow').appendTo('.inputs');
    i++;
});

$('#remove').click(function() {
if(i > 1) {
    $('.field:last').remove();
    i--;
}
});

$('#reset').click(function() {
while(i > 2) {
    $('.field:last').remove();
    i--;
}
});

});
</script>

私の入力フィールドコード:

<a href="#" id="add">Add</a> | <a href="#" id="remove">Remove</a> | <a href="#" id="reset">reset</a>
<div class="inputs"><input type="text" name="dynamic[]" class="field" placeholder=""/></div>

したがって、このコードではすべて正常に動作しますが、同じ Web ページで複数の作業ボックスを作成する方法がわかりません。

名前フィールドに数字を追加しようとしましたが (dynamic2、dynamic3 など)、何もしません。

同じ機能の入力ボックスをもう 1 つ作成する方法はありますが、割り当てられた名前が異なるため、個別に PHP に POST できますか?

私は投稿にこのPHPを使用しています：

<?php
foreach($_POST['dynamic'] as $value) {
echo "$value <br />"; // change this to what you want to do with the data
}
?>

PHP の投稿は正常に機能しますが、一度に 1 つの入力グループしか実行できません。同じページで複数のことができるようにしたい。

この Web ページから元のスクリプトを取得しました: http://papermashup.com/dynamically-add-form-inputs-and-submit-using-jquery/

助けてください！

4

2 に答える 2

1

複数のブロックに対して同じことを行う場合のjsFiddle実装は次のとおりです

html で複数のブロック (例では 3 つのブロックが示されています) を作成するだけで、準備完了です。

PHPでは、次を使用してアクセスする必要があります

<?php
    if(isset($_POST)){
        echo '<pre>';print_r($_POST['dynamic1']);echo '</pre>';
        echo '<pre>';print_r($_POST['dynamic2']);echo '</pre>';
        echo '<pre>';print_r($_POST['dynamic3']);echo '</pre>';
    }
?>
于 2012-09-27T06:00:38.667 に答える
0 
<?php
for($i=0;isset($_POST);$i++)
{
    echo $_POST['group1'][$i];
    echo $_POST['group2'][$i];
}
?>

このように複数の投稿

于 2012-09-27T05:43:38.657 に答える