textarea créé dynamiquement et getElementsByName
Salut à tous,
J'essaie de créer dynamiquement un certain nombre de textarea de même attribut "name" dans un formulaire à l'aide d'un appendChild, opération qui se passe plutôt bien.
En revanche, lorsque je veux les répertorier à l'aide d'un getElementsByName afin de les traiter, il semblerait que ceux créés dynamiquement ne sont pas pris en compte sous IE7. En témoigne l'example ci-après.. BUG ou je suis complétement neuneu?
Merci de votre aide!
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
| <html>
<head>
<script type="text/javascript">
function init()
{
var textarea = document.createElement('TEXTAREA');
//textarea.name = 'dumb';
//textarea.id = 'dynamic';
//textarea.rows = 18;
//textarea.cols = 40;
textarea.setAttribute('name','dumb');
textarea.setAttribute('id','dynamic');
textarea.setAttribute('rows','18');
textarea.setAttribute('cols','40');
//alert(textarea.getAttribute('name'));
document.theform.appendChild(document.createElement('br'));
document.theform.appendChild(textarea);
}
function watch()
{
for (i=0;i<document.getElementsByName('dumb').length;i++) {
alert('dumb no ' + i + ' : ' + document.getElementsByName('dumb')[i].id);
}
}
</script>
</head>
<body id="test" Onload="init()">
<form id="theform" name="theform">
<textarea name="dumb" id="static"></textarea>
</form>
<input type="button" value="Click" onclick="javascript:watch();" />
</body>
</html> |
