フォーム内に複数のオートコンプリート入力フィールドを表示するにはどうすればよいですか？

Question

私は、「マネージャー」のリストをふるい落としながら、1つのオートコンプリートを得ることができました...しかし、私は同じフォームでオートコンプリートを必要とする別のフィールドを持ち、企業のリストを返します。同じフォーム内に複数のオートコンプリートを含めることは可能ですか？ 別のスクリプトをインポートしようとしましたが、動作していないようです。

テンプレート：

<label for="id_manager">Manager Username</label> 
{{ form.manager }} // This autocomplete works 
<label for="id_company">Company Name</label> 
{{ form.company }} // This doesn't 

forms.py：

manager = forms.CharField(widget=forms.TextInput(attrs={'class':'input-text', 'id':'id_managerbox'}), max_length=30, required=False) 
company = forms.CharField(max_length=200, required=False,widget=forms.TextInput(attrs={'class':'input-text','id':'id_companybox'})) 

これが機能する1 Managerスクリプトです。私は会社のために、ほぼ同じものを持っています。

$(document).ready(function() { 
    $.get('/autocomplete/managers/', function(data) { 
     var completions = new Array(); 
     var dict = JSON.parse(data, function(key, value) { 
      completions.push(key); 
      return value; 
     }); 
     $('#id_managerbox').autocomplete({ 
      source: completions, 
      minLength: 2, 
      select: function(event, ui) { 
       $('#id_manager').val(dict[ui.item.value]); 
      } 
     }); 
    }); 
}); 

マネージャのオートコンプリートと会社のオートコンプリートの両方が別々のviews.py に私の質問を持っている：1つのテンプレートに2つのオートコンプリートスクリプトをスローする方法はありますか？ 1つのjsスクリプト結果に2つのビューを結合する方法はありますか？ （私はその質問をよりよく言い換えることができると確信しています）。それとも私はこれについて完全に間違った方法をとっていますか？ （ちょうどあなたに知らせるために、私はjsの魔法使いではありません。）事前に助けてくれてありがとう。ここで

Answer 1

は、アクションに2つのオートコンプリートの例である： http://jsfiddle.net/822eZ/1/

あなたは、インスタンスへの各入力のためのオートコンプリート機能を必要としています。