Discussion :

[patrick754]

Bonjour à tous
Je me tourne vers vous pour demander votre aide sur un blocage que je rencontre sans trouver de solution.

J'ai un ensemble de bouton, dont j'aimerai changer les texte de façon dynamique et presque aléatoire. Plus précisément je récupère des id et des textes dans une bdd, chaque id correspond à un id de bouton, je souhaite remplacer le texte du bouton correspondant par le texte qui vient de la bdd, et ce en fonction de l'id.

Lorsque j'essai seul le premier id est reconnu et le remplacement de texte est ok, le reste ne marche plus, je ne sais pas qu'est ce qui coince.

Par exemple su j'ai l'array ci dessous :

id text
a aa
b bb
c cc

Je souhaiterai que le texte du bouton ayant l'id "a" passe à "aa".

ci dessous mon code :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<button type='button' class='btn btn-primary' id='id cible'>TEXT a changer</button>

Code JavaScript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
function test(){
	$.ajax({
	        url: "test.php",
    	        type: "POST",
	        dataType:"text",
    	        success:function(data){
		        data = JSON.parse(data);
		        var divid = [];
		        var divtext = [];
                        for (var i in data.array) {
    			        divid.push(data.array[i].id);
			        divtext.push(data.array[i].text);
                                $('#'+divid).text("divtext");
                        }
    	        }
        });
 }

J'espère avoir bien expliqué et je vous remercie par avance pour votre aide.

Cordialement

[Toufik83]

Bonjour,

C'est parce que tu passe un tableau $('#'+divid) au sélecteur jQuery, et pas un élément du DOM.

Et je ne vois pas pourquoi tu utilises des tableaux, alors qu'une seule ligne est largement suffisante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
for (var i in data.array) {
   $('#'+data.array[i].id).text(data.array[i].text);
}

Ou bien avec jQuery.each :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
$.each(data.array,function(index,value){
    $("#"+value.id).text(value.text);
});

[patrick754]

Toufik83, grand merci à toi
C'est exactement ce que je voulais faire. Tu me sauves là.