jquery autocomplete

Question

So I am dealing with Jquery auto complete.

I include jquery and auto complete jquery stuff.

    <script src="../../jquery/jquery.js"></script>
    <script src="../../jquery/jquery.autocomplete.js"></script>

<script>
$(document).ready(function() {
    var townList = ["London","Manchester"]; //establish user town list
    $("input#townSearcher").autocomplete({source:townList});
}
    </script>

<input type="text" id="townSearcher" />

The AutoComplete does not work when i put Lon in or Manc for example, what am I missing in this simple example?

mcgrailm · Accepted Answer · 2011-05-20 19:00:35Z

3

you need to give it an object

$("input#townSearcher").autocomplete({source:townList});

working demo

here is the autocomplete documentation

edit

you may want to try using cdn

 <script src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
 <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>

edited May 20, 2011 at 19:00

answered May 20, 2011 at 18:41

mcgrailm

17.7k22 gold badges85 silver badges131 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

John Over a year ago

i have just attempted this, i find it odd how it works on your example and (nw i have edited my code) still does not work in my page.. there are 0 errors, 0 warnings and i do not think anything else is breaking it on the page. :/

score 2 · Accepted Answer · 2011-05-20 19:17:14Z

2

Make sure the DOM is loaded. You need to wrap your jquery in the onload event.

$(function() { 
  $("input#townSearcher").autocomplete(townList); 
});

Here is a working jsfiddle:

Here

edited May 20, 2011 at 19:17

answered May 20, 2011 at 18:37

user342706

3 Comments

user342706 Over a year ago

@mcgrailm I'm not for sure what you are seeing, but it works fine. I don't have any CSS, but the autocomplete works just fine. Type an 'L' or an 'M' and it will show the results.

mcgrailm Over a year ago

I get error in ff4 say 'Error: $("input#townSearcher").autocomplete is not a function Source File: fiddle.jshell.net/keroger2k/AftpL/1/show Line: 25"

user342706 Over a year ago

@mcgrailm you were right. the autocomplete src file i was linking to was getting a 403 forbidden. Mine worked fine in chrome though. Thanks for the update.

Collectives™ on Stack Overflow

jquery autocomplete

2 Answers 2

1 Comment

3 Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Related