jQuery自動完成實現

我對JS和jQuery非常陌生。我有活動的這樣一個數組：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」）自動完成。（{ 來源：數據 }）;

我只是想做這樣的事情，但是當下拉菜單中的其中一個事件被點擊時，它會將它們帶到詳細信息頁面。謝謝。

<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 -->

來源

2012-02-10 user1100221

將錨點標記<a href='desired url'>autocomplete suggestion</a>中的ur自動填充建議包裝起來。所以，當他們被點擊頁面重定向到你想要的位置。

來源

2012-02-16 06:33:50 Vivek

jQuery自動完成實現

回答

相關問題