JQuery - フォーム値の配列を読み込んで表示しますか？

Question

私はフォームを持っていると、フォームで、私はjQueryの経由で動的に隠された値を追加することだし、これらの隠された値は次のようになります。

私は倍[]配列と出力の各値を反復処理することができますどのように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'}" /> 

フォームを提出する前にフォームに追加したすべての値を見ることができますか？

Answer 1

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

または、配列を使用して、取り込まれた値をすべてプッシュすることができます。価値観をどうしようとしているかは、あなた次第です。

var values = []; 
$('input[name="times[]"]').each(function(){ 
    values.push($(this).val()); 
}); 

Answer 2

最初に、非表示の各フィールドに固有の名前を付ける必要があります。私は時間[0]、時[1]などを提案したいと思います。

それらを繰り返してすべての同じクラスを与え、それぞれを使用してください。

値はあなたが値を表示するために使用するコンテナです

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

を：値が設定された後に続いて

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

。