すべてのフォームフィールドをループする

Question

私はすべてのフォームフィールドをループすることができますが、値は最初のフォームフィールドのみに保存されます。このため、コンソールには最初のフォームフィールドの7回の繰り返しが表示されます一方、私はそれを検証してもらうために、すべてのフォームフィールドに対して1つ1つずつ来たいと思っています。前もって感謝します。

$('formsection[name="AUDIT REPORT"]').find('input,select').each(function() { 
    hi = []; 
    hi = $('formsection[name="AUDIT REPORT"]').find('input,select').val(); 
    console.log(hi); 

}); 

Answer 1

はまずformsectionが有効なHTML要素ではないとして、セレクタでformとsectionの間にスペースがあるはずです注意してください。

問題自体は、each()ハンドラ関数内で同じセレクタを使用していることが原因です。結果のjQueryオブジェクトには要素のコレクションが含まれているため、val()を呼び出すと、セットの最初の要素からのみ読み込まれます。期待どおりの配列を返しません。

これを修正するには、反復で現在の要素を参照するためにthisキーワードを使用します。

$('form section[name="AUDIT REPORT"] :input').each(function() { 
    var hi = $(this).val(); 
    console.log(hi); 
}); 

：

$('form section[name="AUDIT REPORT"]').find('input,select').each(function() { 
    var hi = $(this).val(); 
    console.log(hi); 
}); 

はまた:inputセレクタもfind()を使用せずに、あなたのニーズを満たすことができることに注意してください