2011-09-04 7 views
0

Je travaille actuellement sur un projet html et php. Ce que je veux être capable de faire est d'avoir un html avec un sélecteur de fichier pour sélectionner une capture d'écran. À côté du sélecteur de fichier sera un bouton/lien pour que l'utilisateur puisse ajouter un autre champ. Lorsque l'utilisateur clique sur le bouton ou le lien, je veux qu'un autre champ soit ajouté au formulaire sous le premier champ, alors l'utilisateur peut appuyer à nouveau sur le bouton/lien et un autre champ est ajouté à tous. Ensuite, lorsque le formulaire est soumis, il obtient la valeur de tous les champs de saisie, y compris tous les fichiers à télécharger qui ont été ajoutés au formulaire.Ajouter dynamiquement des champs de saisie supplémentaires au format html

Quelle est la meilleure méthode pour y parvenir, je suppose que javascript et/ou jquery pourraient être impliqués.

Merci pour toute aide que vous pouvez fournir.

MISE À JOUR J'ai appris comment le faire, mais je me demandais plutôt comment le faire apparaître ou disparaître la faire glisser doucement le reste de la forme vers le bas. J'ai ajouté les champs à l'intérieur d'un div et fait javascript qui fait apparaître le champ d'entrée à l'intérieur de ce div mais il apparaît, je veux qu'il ait un fondu en animation lisse au lieu de clignoter sur l'écran. Ci-dessous le javascript que je l'ai utilisé pour ajouter le champ d'entrée

<script> 
     function addFields() 
     { 
      document.getElementById("screenshotFields").innerHTML += "<input class=\"fields\" type=\"file\" name=\"filScreenshot[]\" />"; 
     } 
    </script> 
+0

Caisse http://stackoverflow.com/questions/978708/jquery-append-fadein - vous devez inclure jquery.js –

+0

Merci cette a bien fonctionné – Boardy

Répondre

0

La réponse a été de commentaire @ott à ma question à une autre question stackoverflow

0

Vous voulez quelque chose qui this tutorial appels de plusieurs fichiers Télécharger Magic '.

Questions connexes