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