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自动完成实现

回答

相关问题