0

私はフォームを持っており、JQuery を介して動的に非表示の値を追加しているフォームで、これらの非表示の値は次のようになります。

<input type="hidden" name="times[]" value="{'time': '5:00pm','date': 'april 15th'}" />
<input type="hidden" name="times[]" value="{'time': '6:00pm','date': 'april 16th'}" />
<input type="hidden" name="times[]" value="{'time': '7:00pm','date': 'april 17th'}" />

JQuery を使用して、times[] 配列を反復処理し、各値を出力して、フォームを送信する前にフォームに追加したすべての値をユーザーが確認できるようにするにはどうすればよいですか?

4

2 に答える 2

4 
$('input[name="times[]"]').each(function(){
    console.log($(this).val()); // Or anything you like.
});

または、配列を使用して、フェッチしたすべての値をプッシュすることもできます。値をどうするかは、完全にあなた次第です。

var values = [];
$('input[name="times[]"]').each(function(){
    values.push($(this).val());
});
于 2012-04-15T23:32:46.083 に答える
0

まず、隠しフィールドごとに一意の名前を付ける必要があります。times[0]、times[1]などをお勧めします...

それらを反復するには、それらすべてに同じクラスを与え、それぞれを使用します。

for (var i = 5; i > 0; i--) {
    $('<input type="hidden" name="times[' + i + ']" class="times" value="{your array values here}" />').appendto('.myform');
}

次に、値が設定された後:

var times = '';
$('.times').each(function() {
    times = times + $(this).val() + '<br />';
});
$('.values').html(times);

ここで、values は、値を表示するために使用するコンテナーです。

于 2012-04-15T23:36:08.297 に答える