Auto complete recherche

Version imprimable

bonjour

je suis entrain de mettre sur une page un autocompléte il marche très bien, mais je souhaiterais que quand je tape le 1 ere lettre je ne vois que les noms en rapport
ex: si je tape A je ne voir que les mot commençant par A et si je tape AB que les mot commençant par AB .....
Code:

1 2 3 4 5 6 7 8 9 10 11 <script> $(function() { $( "#recherche_installation" ).autocomplete({ minLength: 1, source: '<?php echo site_url('installations/accueil/autocomplete/'); ?>', }); }); </script>
merci d'avance pour votre aide

23/04/2015, 17h01
Darkauron

Salut,

Je t'offre ce lien http://api.jqueryui.com/autocomplete/#example-1 vers la documentation JQuery qui te permet de faire ça et te souhaite bonne chance :)

trouver la solution

voici le bout de programme à ma façon (je ne sais pas c'est la bonne façon mais elle fonctionne)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
 
<SCRIPT>
$(function() {
 
$.ajax({
    url:"<?php echo site_url('installations/accueil/autocomplete/'); ?>",
    type:"GET",
    dataType:"json",
    data:{source: "source"},
    success:function(source){
 
     $("#recherche_installation").autocomplete({
    source: function (request, response) {
        var term = $.ui.autocomplete.escapeRegex(request.term)
            , startsWithMatcher = new RegExp("^" + term, "i")
            , startsWith = $.grep(source, function(value) {
                return startsWithMatcher.test(value.label || value.value || value);
            })
            , containsMatcher = new RegExp(term, "i")
            , contains = $.grep(source, function (value) {
                return $.inArray(value, startsWith) < 0 &&
                    containsMatcher.test(value.label || value.value || value);
            });
 
        response(startsWith.concat(contains));
    }
 
 
 
    });
 
 
 
    },
    error:function(Installation){alert(Installation)},
});
 
$('#btn-recherche').click (function(reponse){  
 
         alert($('recherche_installation').val());
    }); 
 
});
 </SCRIPT>

merci pour votre aide