Accueil > Forum > > > > Comment inserer dynamiquement un champ input
 Comment inserer dynamiquement un champ input
vendredi 17 août 2007 à 09:56:19 |
Comment inserer dynamiquement un champ input
Jarod1980
|
Bonjour,
Je voudrais savoir comment peut on insérer dynamiquement des champs input type texte dans une page. Sachant que chaque champ input text doit avoir un id différent afin que je puisse récupérer leurs valeurs dans une table mysql avec du php. J'ai testé une solution en php pour pouvoir générer dynamiquement ces champs mais ma page je recharge donc du coup j'ai essayé une solution javascript, mais mon code me retourne une valeur NaN lorsque je clique sur ajouter. Est ce que quelqu'un peut m'aider ?
Merci.
<html>
<head>
<script language=javascript>
cpt_input = 1;
function ajout_input()
{
cpt_input++;
var text = '<input type="texte" name="test'+ cpt_input + '">';
document.getElementById("inputs").innerHTML =+ text;
}
</script>
</head>
<body>
<div id="inputs"><input type="texte" name="test1"></div>
<input type="button" value="Ajouter" onclick="ajout_input();"/>
</body>
</html>
Jarod_Delaware
|
|
vendredi 17 août 2007 à 10:22:52 |
Re : Comment inserer dynamiquement un champ input
bultez
|
Bonjour,
+= et non pas =+
document.getElementById("inputs").innerHTML += text;
remarque : tu ne met pas ID= mais name= ??
ça ne fonctionnera que son IE ( IE sait replacer un
ID manquant par son name, pas FF par exemple )
php, par contre ne récupère effectivement que les value des
champs qui ont un name.
met donc comme <input name="toto[]" id="toto"+indice...
PHP récupérera un Array ( toto ), on peut gérer coté javascript
soit par document.getElementById("toto"+numero)
soit par document.name_du_formulaire["toto[]"][numero]
( attention à la syntaxe : pas de . )
Cordialement  Bul [
mon Site
] [
M'écrire
]
Généralement, c'est absurde de généraliser.
/html>
|
|
vendredi 17 août 2007 à 10:26:35 |
Re : Comment inserer dynamiquement un champ input
|
vendredi 17 août 2007 à 11:08:12 |
Re : Comment inserer dynamiquement un champ input
Jarod1980
|
Salut, Merci pour toutes ces précisions. Je vais tester ce que tu m'as marqué. Je te tiens au courant. Encore merci pour l'aide.  Jarod_Delaware |
|
vendredi 17 août 2007 à 12:17:38 |
Re : Comment inserer dynamiquement un champ input
Jarod1980
|
Juste une petite question, lorsque je fais un test pour voir si j'arrive à récupérer la valeur dans un des champs input ça me génère une erreur. J'ai fais ce test parce que dans mon script php j'insère des champs vide dans ma bdd.
<script language=javascript>
cpt_input = 1;
function ajout_input()
{
cpt_input++;
var text = '<input type="texte" name="test' + cpt_input + 'id="test' + cpt_input +'"> <input type="text" name="tst"'+cpt_input+'id="tst'+cpt_input +'"><br/>';
document.getElementById("inputs").innerHTML += text;
alert('name="test' + cpt_input+'"');
}
</script>
</head>
<body>
<form name="frm">
<div id="inputs"></div>
<input type="button" value="Ajouter" onclick="ajout_input();"/>
<input type="button" value="Voir champs_1" onclick="alert(document.test2.value);"/>
</form>
Jarod_Delaware
|
|
vendredi 17 août 2007 à 12:49:20 |
Re : Comment inserer dynamiquement un champ input
bultez
|
de ch'tites erreurs.
__ il manque une " dans le name et c'est text pas texte
...'<input type="text" name="test' + cpt_input + '" id="test' + cpt_input +'"> ...
__ l'input fait partie du formulaire
...alert(document.frm.test2.value);...
En général, c'est absurde de généraliser.
|
|
vendredi 17 août 2007 à 13:37:01 |
Re : Comment inserer dynamiquement un champ input
Jarod1980
|
Super, ça marche nickel. Décidement, je fais plein d'erreurs de syntaxes... Merci beaucoup Bultez pour ton aide.  Jarod_Delaware |
|
vendredi 17 août 2007 à 14:28:39 |
Re : Comment inserer dynamiquement un champ input
bultez
|
>>je fais plein d'erreurs de syntaxes
si ça peut te rassurer... tu n'es pas le seul !
des erreurs de syntaxe ou autres tout le monde en fait
essaye les soit disant validateurs w3c ;-)) par exemple, tu vas rire...
le tout, c'est de trouver, de rectifier, de faire marcher...
tu connais le proverbe : il n'y a que celui qui ne fait rien qui ne fait pas de conneries.
j'essaye de faire le moins de conneries possibles...
pour être clair : j'essaye d'en faire le moins possible !
Cordialement Bul [mon Site] [M'écrire]
En général, c'est absurde de généraliser.
|
|
vendredi 17 août 2007 à 15:44:01 |
Re : Comment inserer dynamiquement un champ input
Jarod1980
|
lol, c'est vrai tu as tout à fait raison. Je te remercie pour ton aide, j'avance à petit pas. Mon problème est quasi réglé. Il faut juste que je trouve le moyen de savoir combien de champ input ont été insérer dans la page pour pouvoir faire une boucle lors de l'insertion de toutes les valeurs dans ma BDD. @+ Jarod_Delaware |
|
vendredi 17 août 2007 à 16:20:00 |
Re : Comment inserer dynamiquement un champ input
bultez
|
>>il faut juste que je trouve le moyen de savoir combien de champ input ont été inséré
met un name "toto[]" avec crochets
php récupérera un array, donc on connait directement le nombre coté serveur
Cordialement Bul [mon Site] [M'écrire]
En général, c'est absurde de généraliser.
|
|
Cette discussion est classée dans : input, text, champ, inserer, dynamiquement
 Répondre à ce message
 Sujets en rapport avec ce message
Comment inserer dynamiquement un champ input [ par aholigans ]
salut à vs ts, en faite j'ai le meme probleme que jarod1980, j'ai un tableau contenant 7 champs tewte (textfields), lorsque je clique sur un boutton u
Ajout automatique d'un champ de texte selon choix d'un menu déroulant [ par rEvOhSaLf ]
Salut le monde :)Je suis entrain de faire un petit formulaire qui me fait un peu peiner...J'ai que une select box avec 5 choix:Choix 1 ="1"Choix 2 ="2
Comment placer le curseur texte dans le bon input [ par Jarod1980 ]
Bonjour tout le monde,Ma question est simple, j'ai plusieurs champ input de type text sur ma page. Je voudrais lorsque ma pagese charge que le curseur
envoyer un champ input text via ajax pour tchat [ par iznobe2601 ]
ça fait plusieurs jours que je galere avec ce truc là qui je suis sur est simple pour vous donc pour un tchat simple live en ajax , j ' ai un champ in
Comment annuler la touche enter uniquement que dans un champ input text [ par Jarod1980 ]
Bonjour,Je voudrais savoir si il est possible d'annuler la touche enter dans un champ input bien précis et pas dans mon champ textarea. J'ai essayé
valeur champ input [ par Songeur ]
Bonjour à toutes et tousje vous expose mon problèmej'ai un questionnaire (formulaire) contenant 20 champs de type input...je souhaiterai qu'en cliquan
Input Text et saisie semie automatique [ par fcot2002 ]
Bonjour, je cherche une solution à une question concernant Input text. j'ai cherché, trouvé des posts, mais rien trouvé répondant à ma problématique
Concaténation des choix d'une liste déroulante dans un input text [ par alaska749 ]
Bonjour, Qui pourrait m'aider a créer un script js me permettant d'effectuer ceci: J'aimerais construire une interface permettant à un utilisateur de
Style de input type=text [ par yallal ]
Bonjour,j'ai un problème pour le style d'un input. J'aimerais rendre le tour blanc ainsi que le fondSous IE7 cela
controle saisie input text [ par pgu83 ]
Bonjour,Je n'arrive pas à faire marcher mon contrôle de saisie sur un input text.Mon formulaire affiche la liste des commandes à valider à parti
 Livres en rapport
|
Derniers Blogs
 [ASP.NET] NE PAS SE FAIRE AVOIR PAR IHTTPMODULE ET SA MéTHODE INIT()[ASP.NET] NE PAS SE FAIRE AVOIR PAR IHTTPMODULE ET SA MéTHODE INIT() par tja
Beaucoup de développeurs pensent que lorsqu'on créé et enregistre un IHttpModule, il n'en existe qu'une seule instance et la méthode Init() sera appelée qu'une fois.
C'est faux
Cela peut vraiment créer des bugs subtils dont en ne se rend pas compte ...
Cliquez pour lire la suite de l'article par tja [MSTD10] SHAREPOINT 2010 ET TEAM FOUNDATION SERVER[MSTD10] SHAREPOINT 2010 ET TEAM FOUNDATION SERVER par phil
Un post rapide pour vous informer de la disponibilité de la vidéo de ma présentation sur SharePoint 2010 & Team Foundation Server. http://www.microsoft.com/france/vision/mstechdays10/Webcast.aspx?EID=20215d48-02e3-4d43-8c36-e53505c3b316 Dans la ...
Cliquez pour lire la suite de l'article par phil [MSTD10] SQL SERVER 2008 POUR LES DéVELOPPEURS ET VISUAL STUDIO TEAM SYSTEM DATABASE EDITION[MSTD10] SQL SERVER 2008 POUR LES DéVELOPPEURS ET VISUAL STUDIO TEAM SYSTEM DATABASE EDITION par Miiitch
Lors de cette session que j'ai animé avec Rui , j'ai eu l'occasion de présenter, en plus des nouveautés de SQL Server 2008, comment utiliser l'édition "database" de Visual Studio 2008. Le principe? Avoir les mêmes outils lors que l'on travaille avec une b...
Cliquez pour lire la suite de l'article par Miiitch [WF4] LOCALISER SIMPLEMENT UNE ACTIVITé ET SON DESIGNER WPF[WF4] LOCALISER SIMPLEMENT UNE ACTIVITé ET SON DESIGNER WPF par JeremyJeanson
La localisation . vous connaissez ce system miraculeux qui permet à votre application de s'afficher dans la langue de l'utilisateur (à condition de l'avoir intégrée dans votre programme). Comment mettre en place la localisation dans WF4? Cette question m'...
Cliquez pour lire la suite de l'article par JeremyJeanson [TECHDAYS 2010] WEBCASTS ET SLIDES[TECHDAYS 2010] WEBCASTS ET SLIDES par Audrey
Les webcasts des sessions des Techdays 2010 sont maintenant disponibles en ligne ! Me concernant, voici les slides et le webcast de la session Blend 3 / Skechtflow : Dessinez c'est gagné ! (animée avec Michel Perfetti ) Les slides et le webcast : Blend 3/...
Cliquez pour lire la suite de l'article par Audrey
Logiciels
 Rigs of Rods (63.3)RIGS OF RODS (63.3)c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo... Cliquez pour télécharger Rigs of Rods Konvertor (4.00)KONVERTOR (4.00)Le logiciel est un gestionnaire multimedia affichant, jouant et convertissant plus de 2000 format... Cliquez pour télécharger Konvertor Xlite (v 3.0 build 41150)XLITE (V 3.0 BUILD 41150)c'est un logiciel qui permet de téléphoner par Internet à l'aide d'un compte SIP pratique pour le... Cliquez pour télécharger Xlite Academy System (10.9.3.0)ACADEMY SYSTEM (10.9.3.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System
|