Discussion :

[Pansatyros]

Bonjour,

j'ai un problème avec une fonction javascript qui génère un tableau html dans une div à partir d'un onChange sur un select.
Quand je choisis pour la première fois mon select, pas de problème le tableau est créé et les champs input / textarea remplis avec les valeurs. Mais quand je change à nouveau la valeur de mon select de départ (lié à la fonction JS) tous mes champs se remplissent de la valeur "undefined". Une idée?


ma fonction 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 set_att()
{
	var typeArch = document.modif_arch.typearch.value;
	var reasonArch = document.modif_arch.reason.value;
	var commentArch = document.modif_arch.comment.value;
	var commentbyArch = document.modif_arch.commentby.value;
	var arch_jobsArch = document.modif_arch.arch_jobs.value;
 
	if (typeArch == 'Stand By')
	{
		document.getElementById("span_archive_update").innerHTML = 
			"<table><tr><td>Reason (old : "+reasonArch+")</td><td><select name='reason'><option value=''></option><option value='To Be Contacted'>To Be Contacted</option><option value='To Be Kept'>To Be Kept</option></select></td></tr><tr><td>Comment</td><td><textarea name='comment' cols='50' rows='3'>"+commentArch+"</textarea></td></tr><tr><td>Left by</td><td><input name='commentby' type='text' size='15' value='"+commentbyArch+"'></td></tr><tr><td>Possible Job</td><td><select name='job'><option value=''></option></select></td></tr></table>";
	}
(...)
}

ma page (générée par PHP)

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
17
18
19
<form name="modif_arch" action="updatearch.php" method="post">
					<select name="typearch" onchange="return set_att()">
						<option value=""></option>
												<option value="Stand By">Stand By</option>
												<option value="Not Selected">Not Selected</option>
 
											</select>
					<br>
 
 
 
				<input name="reason" value="To Be Contacted" type="hidden">
				<input name="comment" value="commmmmmmmmmeeeeeeeeeeeeeeeeeeeeent" type="hidden">
				<input name="commentby" value="bu" type="hidden">
				<input name="arch_jobs" value="Assist Housekeeper, Captain" type="hidden">
				<input name="id" value="38" type="hidden">
				<div id="span_archive_update"><table><tbody><tr><td>Reason (old : undefined)</td><td><select name="reason"><option value=""></option><option value="To Be Contacted">To Be Contacted</option><option value="To Be Kept">To Be Kept</option></select></td></tr><tr><td>Comment</td><td><textarea name="comment" cols="50" rows="3">undefined</textarea></td></tr><tr><td>Left by</td><td><input name="commentby" size="15" value="undefined" type="text"></td></tr><tr><td>Possible Job</td><td><select name="job"><option value=""></option></select></td></tr></tbody></table></div>
 
				</form>

Merci

[SpaceFrog]

heu oui generer des champs avec innerHTML ... faut pas s'attendre à autrechose ...

[Pansatyros]

Heu okey. Avec quoi il vaut mieux le faire alors?


edit: ça marche, c'était une question de nom de champs dupliqués.

[SpaceFrog]

DOM...
createElement... voir FAQ

[SpaceFrog]

même avec des noms de champs pas dupliqués ... ça risque fort de te créer des surprises par la suite au niveau du comprtement du form et des objets rajoutés ...
Enfin moi je dis ça ...