开发者

Setting JQuery's Autocomplete to suggest only on hitting enter

开发者 https://www.devze.com 2023-04-13 05:29 出处:网络
I am trying to adjust the autocompletion to show me the suggestions only when I hit the enter button, not as I type.. How is this possible?

I am trying to adjust the autocompletion to show me the suggestions only when I hit the enter button, not as I type.. How is this possible? I think it would be easy to edit the code in the JQuery file itself, but I am trying to avoid that, is there a way to alter functions or so? At this point, I'll need to make an Ajax call to get the data that shall be used as the 'source' of the autocomplatio开发者_StackOverflow中文版n box, so I will need to change the source according to the response..


You can set disabled = true when you assign the plugin

$( ".selector" ).autocomplete({ disabled: true });

and then enable on keypress I believe

$( ".selector" ).keypress(function(e){
 if(e.keyCode == 13){ // can't remember exact syntax or keycode here
   $( ".selector" ).autocomplete( "enable" );
 }
});

more info is available on the options and methods tab on the ui help page http://jqueryui.com/demos/autocomplete/#method-option


To sum up, here's how it worked, thanks for Tommy and Jags first disable the the autocomplate in the initialization, by adding this option: disabled: true
Then add this listener:

$('.selector').keyup(function(e){
    if(e.keyCode == 13){ 
        $(this).autocomplete( "enable" ).autocomplete( "search" );
        $(this).autocomplete( "disable" );  
        $('.ui-autocomplete').removeClass('ui-state-disabled');
        $('.ui-autocomplete').css('cursor','pointer');
    }
});
0

精彩评论

暂无评论...
验证码 换一张
取 消