Ajouter des champs de formulaires dynamiquemment.
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:
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.