[DOM] Valeurs deviennent "undefined" dès la 2ème exécution
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:
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:
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
