Pour activer l’autocomplete (JQuery UI) uniquement en cliquant sur le bouton recherche.

Le champs HTML :



Autocomplete sur le champs, on fixe l’option « minLength » pour ne pas le déclencher automatiquement :

var source = ['un', 'deux', 'trois', 'quatre'];

$("input#autocomplete").autocomplete({
    minLength: 10000,
    source: source
});

Pour lancer la recherche via le click sur le bouton « recherche » :

$('#btn-recherche').on('click', function(){
        var champs = $( 'input#autocomplete' );
        var valeur = champs.val();
        if ( $.trim(valeur) != '' ) { 
            champs.addClass('ui-autocomplete-loading');       
            champs.autocomplete('option', 'minLength', 0);
            champs.autocomplete('search',valeur);
            champs.removeClass('ui-autocomplete-loading');   
            champs.autocomplete('option', 'minLength', 10000);
        } 
    });

One Reply to “activer/lancer start/stop autocomplete on click”

  1. merci beaucoup cela m’a beaucoup aidé. il aurait été bien que l’id du champ ne soit pas autocomplete j’aurais vu plus vite que champs.addClass(‘ui-autocomplete-loading’) devait etre remplcé par champs.addClass(‘ui-nomdechamp-loading’)
    merci encore

Répondre à cjeff71 Annuler la réponse

Votre adresse e-mail ne sera pas publiée.

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.