Bonjour,
Je souhaiterais pouvoir rajouter des champs dynamiquement dans mon formulaire. En gros, en cliquant sur un lien, j'aimerais qu'une ligne se rajoute si l'utilisateur a plusieurs fichiers à uploader (dans mon cas).

Comme je ne suis pas très doué en Javascript, j'ai commencé un petit bout de code assez sale :

Code html : 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
20
21
22
23
24
25
26
27
28
29
30
31
 
<html>
<head>
<script type="text/javascript">
          function display(div1){
                var objet1 = document.getElementById(div1);
                        
                if( objet1.style.display == "none"){
                        objet1.style.display = "block";
                }
                else if (objet1.style.display == "block") {     
                        objet1.style.display = "none";
                }
        }
    </script>
</head>
<body>
<form method="post" ENCTYPE="multipart/form-data">
<table>
<tr>
	<td>Upload :</td>
	<td><input type="file" name="fichier"><a href="javascript:;" onclick="display(\'upload2\');">+</a></td>
</tr>
<tr id="upload2" style="display :none;">
	<td>Upload 2 :</td>
	<td><input type="file" name="fichier2"></td>
</tr>
</table>
</form>
</body>
</html>

Avec ça, une ligne se rajoute mais elle ne s'intègre pas dans le tableau. Cela fais vraiment moche.
Avez vous des solutions à me proposer ?
Comment faire quelque chose de plus conventionnel et dynamique?

Merci d'avance.