• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 390
  • Last Modified:

jQuery UI autocompete


1) I'm wondering how I can use the jQuery UI autocomplete. In the list I'll have First name and last name as the values and text. Here is a sample name list:
Jack Henry
Jill Moore
Randy Tuttle
Henry Miller
Enrique Sands

If I type in "en" then I get Jack Henry, Henry Miller and Enrique Sands but I'm wondering if it's possible to just search by the beginning characters. So if I type in "en" then the autocomplete will search for any first name that starts with "En".

2) Is there any good example so the list can be built from a table? I guess it would load on #(document).ready()
Victor Kimura
Victor Kimura
1 Solution
Check this thread : http://stackoverflow.com/questions/3148195/jquery-ui-autocomplete-use-startswith

Click on view source here : http://jqueryui.com/demos/autocomplete/

To create the array from the first column of a table (index 0 -> eq(0) ) :
var orignalArray = [];
$("tr>td:eq(0)", "#tableId").each(function() { orignalArray.push( $(this).text() ); });

Open in new window

Victor KimuraSEO, Web DeveloperAuthor Commented:
Hi leakim971,

Just a couple of questions from that stackoverflow page:
source: function( request, response ) {
                var t = jQuery.grep(t, function(a){
                        var patt = new RegExp("^" + request.term, "i");
                        return (patt.match(a));

Open in new window

1) What is the "t" variable of the grep parameter?
2) What is the "a" variable of the function parameter?
3) Where the source go or where is it from?

Sorry, still learning the jQuery UI.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

7 new features that'll make your work life better

It’s our mission to create a product that solves the huge challenges you face at work every day. In case you missed it, here are 7 delightful things we've added recently to monday to make it even more awesome.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now