CODEWITHSUNDEEP
phpjavascriptjqueryajax
Daric
Daric

Reputation: 16769

Auto suggest feature to search records

I don't know what is the exact name of this feature, but I need a feature where the user should be given a text box to search things. When they type in this text box, a matching list of values from database should be shown like a drop-down box.

The user can select one of the value and for will got submit.

I know this is already done on Internet anywhere, but what is this feature called?

Where can I find this feature to download and use for free?

Upvotes: 1

Views: 833

Answers (3)

painotpi
painotpi

Reputation: 6996

I found this code somewhere online, very very useful and very fast (tested for 30000 strings), have been using it ever since,

it uses regex

var rx = new RegExp('"([^"]*' + search + '[^"]*)"', 'gi');
var i = 0;
var num;
results = '';
while (result = rx.exec(string)) {
    results += "\n" + result[1];
    i += 1;
    if (i >= 10) break;
}

I've put up the entire code on JSFiddle

NOTE: My code(The HTML part) is extremely messy, was trying too many things at once, just correct it to suit your requirements.

Upvotes: 3

sushil bharwani
sushil bharwani

Reputation: 30187

Autocomplete from jQuery UI . SAYT opensource from Google.

http://jqueryui.com/demos/autocomplete/

http://code.google.com/p/search-as-you-type/

Upvotes: 4

ianbarker
ianbarker

Reputation: 1254

The easiest way to do this is to use the jQuery UI version here.

Upvotes: 2

Related Questions