Comment utiliser jQuery pour ajouter dynamiquement des éléments de formulaire
Voici mon code html:
<div id="extraPerson">
<div class="controls controls-row">
<input class="span3" placeholder="First Name" type="text" name="firstname2">
<input class="span3" placeholder="Last Name" type="text" name="lastname2">
<select class="span2" name="gender2"><option value="Male">Male</option><option value="Female">Female</option></select>
...ETC
</div>
</div>
<a href="#" id="addRow"><i class="icon-plus-sign icon-white"></i> Add another family member</p></a>
Et c'est mon jquery:
<script>
$(document).ready(function(){
$('#addRow').click(function(){
$("#extraPerson").slideDown();
});
})
</script>
La #extraPerson est caché dans le css.
Il ajoute de la div, lorsque le lien est cliqué. Cependant, je veux continuer à ajouter de la même div chaque fois que le lien est cliqué. Comment dois-je faire? Encore mieux si on ajoute le numéro du formulaire de saisie des noms. Par exemple firstname3, firstname4 etc.
source d'informationauteur pgtips
Vous devez vous connecter pour publier un commentaire.
Essayer de cette façon:-
Démo
HTML
Créer un modèle
extraPersonTemplate
et l'utiliser pour construire de nouveaux. Ajouter un conteneur tyo votre contenu de l'article.JS
Petit Css
Je suis venu avec une solution de mon propre. Beaucoup de commentaires, mais n'hésitez pas à demander.
J'aime le fait que @PSL utilise un modèle bien que, peut-être un mieux, une solution plus facile. Notez que vous devez ajouter le code pour mettre à jour le numéro de personne là-bas...
Un violon:
http://jsfiddle.net/Mk7MQ/