jQuery autoComplete implementation

Question

JSとjQueryの新機能です。私はそうのようなイベントの配列を持っている：誰かが唯一の一致するイベントを検索するテキストボックスにイベントのタイトルを入力を開始しているように

data {...} 
[0]: {...} 
[1]: {...} 
[2]: {...} 
[3]: {...} 
... 
[40]: {...} 
length: 40 

data[0] {...} 
__type: "acme.acmeSystem.EventManagement.Event" 
Amenity: {...} 
DateFrom: "/Date(1326952800000)/" 
DateTo: "/Date(1326952800000)/" 
Title: "Birthday party" 
Description: "Friends coming over for a party." 
Food: false 
Id: 3 
IsPrivate: true 
Notes: "" 
NumberOfPeople: "Less than 10" 
Status: {...} 
TimeFrom: "8:30 AM" 
TimeTo: "11:30 AM" 
User: {...} 

は、どのように私はオートコンプリートのプラグインにこの配列を結ぶことができますか？ドロップダウンにイベントのリストが表示されたら、選択したイベントをクリックしてそのイベントの詳細ページに移動します（例：mywebsite.come/Events/EventDetails.aspx？ID = 50）。

私はこれをやってみました：

$（ "＃のEventsSearch"）オートコンプリート（{ ソース：データ }）;

私は単にこのようなことをしたいだけですが、イベントの1つがドロップダウンでクリックされたときにも詳細ページに移動します。ありがとう。

<script> 
    $(function() { 
     var availableTags = [ 
      "ActionScript", 
      "AppleScript", 
      "Asp", 
      "BASIC", 
      "C", 
      "C++", 
      "Clojure", 
      "COBOL", 
      "ColdFusion", 
      "Erlang", 
      "Fortran", 
      "Groovy", 
      "Haskell", 
      "Java", 
      "JavaScript", 
      "Lisp", 
      "Perl", 
      "PHP", 
      "Python", 
      "Ruby", 
      "Scala", 
      "Scheme" 
     ]; 
     $("#tags").autocomplete({ 
      source: availableTags 
     }); 
    }); 
    </script> 



<div class="demo"> 

<div class="ui-widget"> 
    <label for="tags">Tags: </label> 
    <input id="tags"> 
</div> 

</div><!-- End demo --> 

Answer 1

アンカータグ<a href='desired url'>autocomplete suggestion</a>に自動補完候補を入れてください。彼らがページをリダイレクトして希望の場所に移動したときにそのようにします。