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'....