how to show only typed string in textbox autocomplete

Asked Aug 28 '16 at 09:37

Active Aug 28 '16 at 09:37

Viewed 36 times

I have a autocomplete textbox. When am typing, the suggested list will shows. My code is given below,

$('#state').keyup(function(){
    $('#state_sugg').slideDown('fast');
    var val = $(this).val().toLowerCase(); 
    $('#state_sugg span').hide();
    var trs = $('#state_sugg span').filter(function(d){
        return $(this).text().toLowerCase().indexOf(val) != -1;
    });
    trs.show();   
});

The above code is working fine.

Now the result is, when am typing i if any string having letter i will be displayed. ie, if am typing i the result will be pondicherry, tamil nadu etc.

But i want the result as, if am typing ke the result should be kerala. ie, the string starts with the letter am typing should be displayed.

For that how to edit the above code. I have tried a lot.

asked Aug 28 '16 at 09:37

Jithin Varghese

2,018
3
29
56

where is the code through which names are coming? – Alive to die - Anant Aug 28 '16 at 09:42
you should change your php code to query by StartsWith rather than contains criteria. – Robert Aug 28 '16 at 09:44
@Anant Actually the names coming from database. – Jithin Varghese Aug 28 '16 at 09:44
@Robert : In the above code how to edit? – Jithin Varghese Aug 28 '16 at 09:45
so in the query change `where state_name like `ke%`(check like manual)` – Alive to die - Anant Aug 28 '16 at 09:46
try with `return $(this).text().toLowerCase().startsWith(val);` – Robert Aug 28 '16 at 09:47
1

use `lookupFilter ` like http://stackoverflow.com/questions/23239664/jquery-autocomplete-filter-match-by-first-letter – Ranjan Aug 28 '16 at 09:48
@ranjan you saved my time. It's working. Thanks. – Jithin Varghese Aug 28 '16 at 09:51
@JithinVarghese glad to help :) – Ranjan Aug 28 '16 at 12:44

how to show only typed string in textbox autocomplete

0 Answers0