Discussion :

[dominos]

Bonjour,

Dans une liste <select>, depuis onchange="", j'exécute la fonction test();
afin de remplir une seconde liste select.

Code HTML :

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

<select id="mylist1" onchange="test('<?php echo json_encode($class->scriptData); ?>', 'mylist1', 'mylist2');"></select> <select id="mylist2""></select>

Dans le fichier js:

Code :

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
function test(data, listA, listB){
var scriptData = data;
 
//alert(scriptData.element1); // valeur numérique max
 
select = document.getElementById(listB);
var max = scriptData.element1;
 
for (var i = 1; i<= max; i++) {
 
    var opt = document.createElement('option');
    opt.value = i;
    opt.innerHTML = i;
    select.appendChild(opt);
}
}

Ce code devrait fonctionner mais je tourne en rond depuis 1h.. le but est d'éviter ce genre de déclaration :

Code :

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

1
2
3
<script type="text/javascript">
  scriptData = <?php echo json_encode($class->scriptData); ?>;
</script>

En fait, celui-ci fonctionne déjà ainsi mais je voudrais déclarer la variable scriptData directement dans la fonction test() et non à l'extérieure.

Vous remerciant par avance pour votre réponse,

[danielhagnoul]

Le code JS fonctionne dans mon test :

Code HTML :

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

1
2
<select id="mylist1"></select>
<select id="mylist2"></select>

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
function test( data, listA, listB ){
	var scriptData = data;
 
	console.log( scriptData.element1 ); // valeur numérique max
 
	var select = document.getElementById(listB);
	var max = scriptData.element1;
 
	for ( var i = 1; i <= max; i++) {
		var opt = document.createElement( 'option' );
		opt.value = i;
		opt.innerHTML = i;
		select.appendChild(opt);
	}
}
 
test( { "element1" : 10 }, "mylist1", "mylist2" );

L'erreur est sans doute dans le contenu de data, que donne un console.log( data );

[dominos]

Merci pour votre réponse,

En fait tout fonctionne, c'est juste quand je remplace la déclaration

Code :

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

1
2
3
<script type="text/javascript">
  scriptData = <?php echo json_encode($class->scriptData); ?>;
</script>

par :

Code :

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

1
2
3
4
function test( data, listA, listB ){
	var scriptData = data; ...

<select id="mylist1" onchange="test('<?php echo json_encode($class->scriptData); ?>', 'mylist1', 'mylist2');"></select>

Qu'est-ce que vous avez mis dans le onchange ?

Merci

[mathieu]

regardez le code HTML généré dans les 2 cas. vous verrez que dans le 2nd cas, vous créez une chaine de caractères au lieu d'un objet JSON

[dominos]

Avez vous une solution à cela svp?

[danielhagnoul]

<select id="mylist1" onchange="test(' " + <?php echo json_encode($class->scriptData); ?> + " ', 'mylist1', 'mylist2');"></select>

[dominos]

Bonjour,

ne fonctionne pas non plus, j'ai aussi essayé ceci;

Code :

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

onchange="test(' + <?php echo json_encode($class->json_data); ?> + ', 'liste1', 'liste2'....

[mathieu]

les guillemets simples ou doubles créent une chaine de caractère donc pour avoir un objet JSON, essayez sans ces guillemets :

Code :

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

onchange="test(<?php echo json_encode($class->json_data);?>, 'liste1', 'liste2'....