Comment créer un formulaire extensible

Question

J'essaie de recueillir des informations sur les organisations sportives disponibles dans une école secondaire et le nom de l'entraîneur-chef de ce sport. Parce que différentes écoles ont différents nombres de sports, la forme devra s'étendre jusqu'à ce que le nombre de sports soit atteint. Il devrait ressembler à ceci:

Sport_ _ __ _ __ _ __ _ _entraîneur-chef_ __ _ __ _ __ _ __ _

[+]

Si le bouton de signe plus est touché, un autre formulaire identique devrait apparaître en dessous. Il devrait ressembler à ceci:

Sport_ _ __ _ __ _ __ _ _entraîneur-chef_ __ _ __ _ __ _ __ _

Sport_ _ __ _ __ _ __ _ _entraîneur-chef_ __ _ __ _ __ _ __ _

[+]

et ainsi de suite. Est-ce que quelqu'un a une idée de comment cela est fait? Merci d'avance.

PS: J'utilise dreamweaver et MAMP

Answer 1

Il est une solution en deux parties. La réponse primaire au-dessus (ajouter des champs supplémentaires à une forme) est un peu assez simple javascript dont vous pouvez trouver un exemple ici:

http://www.randomsnippets.com/2008/02/21/how-to-dynamically-add-form-elements-via-javascript/

La deuxième partie consiste à ce que vous faites avec le formulaire données après soumission. Si vous vous contentez d'envoyer des formulaires par e-mail, tout script faisant une boucle dans le tableau des soumissions ramassera les champs supplémentaires.

Si vous stockez les données dans une base de données, cela devient un peu plus difficile car vous devez pouvoir écrire des données dans deux tables à partir d'une seule publication.Dreamweaver n'est pas équipé pour gérer cela, vous devrez donc probablement vous améliorer avec PHP avant de coder la solution.