同じidを持つ複数のフィールドを持つjQueryオートコンプリートUIプラグイン

Question

同じidを持つ入力のリストでjquery-UIオートコンプリートプラグインを使用しようとしています。このような

<input type="text" name="cod[]" id="cod"/> 
<input type="text" name="cod[]" id="cod"/> 
<input type="text" name="cod[]" id="cod"/> 
<input type="text" name="cod[]" id="cod"/> 

マイscript.js機能ルック：

リストは、このようなものですgetCodsはの$アヤックス方法でDBからデータを読み込む機能がある

$("#cod_prod").autocomplete({ 
source:getCods 
}); 

jQuery。

この作品は、私は他の入力で試してみます...しかし、私はこの複数の入力フィールドのリストを試してみると、プラグインは最初のフィールドでのみ動作します。

どのように私はこれを達成することができますか？

ありがとうございます。

Answer 1

IDは一意である必要があります。 classを使用します。 あなたのIDは一意ではないので、DOMの最初のインスタンスでのみ動作します。

<input type="text" name="cod[]" class="cod"/> 
<input type="text" name="cod[]" class="cod"/> 
<input type="text" name="cod[]" class="cod"/> 
<input type="text" name="cod[]" class="cod"/> 


$(".cod").autocomplete({ 
    source:getCods 
});