Dynamically add textbox using jquery
à partir du lien ci-dessus je veux quelque chose comme ça, mais je veux utiliser le menu déroulant.
voici mon code
http://jsfiddle.net/boyee007/VyG6F/
la zone de texte sera ajoutée dépend de la valeur.
si vous sélectionnez 3 sera Afficher uniquement les 3 zones de texte, et si 2 sera Afficher uniquement les 2 zones de texte et ainsi de suiteajouter dynamiquement zone de texte en utilisant dropdown avec jQuery
0
A
Répondre
2
Essayez quelque chose comme ceci:
$("#ppl").change(function(){
// The easiest way is of course to delete all textboxes before adding new ones
//$("#holder").html("");
var count = $("#holder input").size();
var requested = parseInt($("#ppl").val(),10);
if (requested > count) {
for(i=count; i<requested; i++) {
var $ctrl = $('<input/>').attr({ type: 'text', name:'text', value:'text'});
$("#holder").append($ctrl);
}
}
else if (requested < count) {
var x = requested - 1;
$("#holder input:gt(" + x + ")").remove();
}
});
Voir fonctionner here.
0
Questions connexes
- 1. Ajouter dynamiquement une zone de texte à l'aide de jquery
- 2. Comment ajouter une zone de texte dynamiquement au dialogue jquery?
- 3. Comment ajouter une zone de texte dynamiquement?
- 4. Ajouter Div Dynamiquement en utilisant JQuery
- 5. asp.net jquery ajouter ligne (ligne de clone) avec zone de texte et dérouler dynamiquement
- 6. Ajouter la classe dynamiquement en utilisant Jquery?
- 7. ajouter dynamiquement élément html en utilisant jquery
- 8. Comment ajouter des champs de saisie (zone de texte) à une table créée dynamiquement avec jQuery
- 9. comment ajouter les valeurs de zone de texte créées dynamiquement en utilisant javascript
- 10. Ajouter asp: zone de texte dynamiquement dans ASP.NET
- 11. en utilisant jQuery pour ajouter et supprimer la zone de texte avec des ID uniques
- 12. Ajouter dynamiquement une zone de sélection à l'aide de JQuery
- 13. Comment ajouter dynamiquement dans la zone de texte MVC 3
- 14. ASP.NET - Jquery pour ajouter dynamiquement la zone de texte et la liste déroulante
- 15. Ajouter dynamiquement une zone de texte dans asp.net
- 16. dropdown-textbox utilisant jquery
- 17. Ajouter hoverIntent à jquery dropdown
- 18. Comment dynamiquement activer ou désactiver la zone de texte en utilisant jQuery dans ASP.NET MVC?
- 19. toile ajouter dynamiquement avec jquery
- 20. Comment ajouter dynamiquement un div en utilisant JQuery?
- 21. Ajouter dynamiquement le champ de formulaire HTML en utilisant jQuery
- 22. Valider DropDown en utilisant Jquery dans MVC3
- 23. problème en utilisant le clone de JQuery() zone de texte
- 24. Une zone de texte/zone de texte déplaçable et redimensionnable est-elle possible en utilisant jQuery?
- 25. Javascript Ajouter dynamiquement des zones de texte avec la valeur
- 26. ajouter div div après balise img dynamiquement en utilisant jquery
- 27. Obtenir la valeur de la zone de texte en utilisant jquery avec les identifiants de tags générés dynamiquement?
- 28. réglage d'une valeur de l'ASP: en utilisant jquery Dropdown
- 29. Valider une zone de texte en utilisant JQuery
- 30. ajouter dynamiquement un tableau en utilisant jQuery Ajax appel
merci :). fonctionne très bien. mais je ne veux pas qu'il ajoute continuellement la zone de texte quand je choisis une autre valeur. si vous sélectionnez 5, il affichera seulement 5 zones de texte, alors si vous sélectionnez 3 (il n'affiche que 3 zones de texte), PAS 3 autres zones de texte. J'espère que cela a du sens :) – tonoslfx
Voir ma critique éditée. Bien qu'il soit plus facile de tout effacer et de recommencer à zéro, l'utilisateur perdra tout le texte déjà saisi. Pour cette raison, à la mise à jour, j'ajoute/enlève les éléments requis pour atteindre le nombre correct. – kgiannakakis
merci! quelque chose que je voulais :) – tonoslfx