js Array（）のすべての変数に.change（）を追加します。

Question

私は "ダイナミック"カスケードドロップボックスを作成しようとしています。しかし、<select>フィールドIDを含む配列内のすべての変数に、.change()リスナーを追加するという問題が発生しています。

私が使用するのであれば：

fields[0].change(function() {populateFields(1, 0, xml);}); 
fields[1].change(function() {populateFields(2, 1, xml);}); 

コードは完璧に動作します。現在のコードでは、3つの分野に限られているので、私は、フィールドの可変数を持つことができるように

for (i=1; i<numberOfFields; i++){ 
      p = i-1; current = i; 
      fields[p].change(function() {populateFields(current, p, xml);}); 
     } 

：しかし、私はこのようなものを使用することを好むだろう。 forループは現在動作していますが、2番目のフィールドが入力されても機能しません。

ご協力いただければ幸いです。

注：これは変数や変数を関数に渡すのではなく、イベントリスナーを配列に追加することについての質問です。印がついた答えが正解でした。

Answer 1

あなたはArray.prototype.forEach()を使用することができますし、あなたがあなたに渡す機能であなたが最初の要素処理している場合のガードを置くことができます：私は、理由は私がのために始めていますことを言及する必要があります

fields.forEach(attachChangeHandler); 

function attachChangeHandler(field, i) { 
    if (i === 0) { return; } 
    field.change(function() { 
    populateFields(i + 1, i, xml); 
    }); 
}