Source dynamique pour autocompletion jQuery

Version imprimable

Bonjour,

J'ai crée un site avec wordpress et je souhaite modifier l'autocompletion.
Mon soucis est qu'une variable (pourtant globale) n'est pas accepté par la fonction d'autocomplétion.

Voilà un extrait du code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 jQuery(document).ready(function($) { var catInput = $( "#category" ); var tab_loc[12] = ... catInput.autocomplete({ minLength: 0, source: tab_loc[id_parent], focus:... }) catInput.click(function(){ var window.id_parent = document.getElementById('id_element').value; ... });
La variable "id_parent" n'est pas accepté par source : tab_loc[id_parent].
J'avais testé la variable en faisant un alert et tout fonctionne, la variable est mis à jour lorsqu'on clique sur l'élément catInput.

Merci d'avance

03/08/2014, 14h00
Adevy135
Bonjour,

J'ai testé ceci mais sans réussite :
Code:

1 2 3 4 5 6 var locInputID = $( "#id_element" ); ... catInput.autocomplete({ minLength: 0, source: tab_loc[locInputID.val()], ...
La valeur est bien récupérer, j'ai testé avec des alert mais l'autocompletion ne fonctionne que si je met un véritable nombre.

Merci à vous
03/08/2014, 22h33
danielhagnoul

Bonsoir

var window.id_parent :nono: .

Soit var id_parent.
Soit window.id_parent ce qui est une très mauvaise idée (variable globale)

Merci pour votre aide mais cela ne fonctionne pas.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
jQuery(document).ready(function($) {
tab_loc['25'] = [{ value: "41", label: "Culoz" },{ value: "89", label: "Neuville-sur-Ain" },{ value: "73", label: "Versailleux" },{ value: "57", label: "Villereversure" }];
tab_loc['21'] = [{ value: "85", label: "Challes-la-Montagne" },{ value: "69", label: "Condeissiat" },{ value: "53", label: "Crans" },{ value: "37", label: "Saint-Denis-en-Bugey" }];
 
var catInput = $( "#category" ),
catInputID = $( "#category-id" ),
locInput = $( "#location" ),
locInputID = $( "#location-id" );
 
catInput.autocomplete({
     minLength: 0,
     source: tab_loc[locInputID.val()], //La source que je ne comprends pas
     focus: function( event, ui ) {...},
     select: function( event, ui ) {...}
}).data( "ui-autocomplete" )._renderItem = function( ul, item ) {...};

Aucune de mes variables n'est accepté par la source.

J'ai aussié essayé en faisant appel à une source externe mais je reviens sur le même problème :

Code:

source: 'http://monlien?id='+id_parent,

id_parent ou locInputID.val() ne retourne rien pour la source.

Exemple :

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
45
46
47
48
49
50
51
52
$( function(){ // forme abrégée de $(document).ready(function(){
 
    var tabLoc = {
        25 : [
            { 
                "value" : 41, 
                "label" : "Culoz"
            },
            { 
                "value" : 89, 
                "label" : "Neuville-sur-Ain" 
            },
            { 
                "value" : 73, 
                "label" : "Versailleux" 
            },
            { 
                "value" : 57, 
                "label" : "Villereversure" 
            }
        ],
        21 : [
            {
                "value" : 85, 
                "label" : "Challes-la-Montagne" 
            },
            { 
                "value" : 69, 
                "label" : "Condeissiat"
            },
            { 
                "value" : 53, 
                "label" : "Crans" 
            },
            { 
                "value" : 37, 
                "label" : "Saint-Denis-en-Bugey"
            }
        ]
    };
 
    // debug, console touche F12
    // console.log( tabLoc, tabLoc[ 21 ] );
 
    var jObjCategory = $( "#category" ),
        jObjLocation = $( "#location" );
 
 
    jObjLocation.autocomplete({
         "source" : tabLoc[ jObjCategory.val() ]
    });
});

06/08/2014, 14h17
Adevy135

Merci mais j'ai finalement trouvé la solution en encadrant ma fonction d'autocompletion par un .focus ce qui ma permis d'utiliser la variable. Je ne comprend pas pourquoi avant ça ne fonctionnait pas avec une variable globale mais c'est pas grave, j'y réfléchirai plus tard.

Merci encore :)