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); } });
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