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
 SESSION SILVERLIGHT 5 3D : SLIDES ET DEMOSSESSION SILVERLIGHT 5 3D : SLIDES ET DEMOS par Groc
Durant les techdays, j'ai eu le plaisir d'animer une session sur Silverlight 5 et la 3D avec Simon Ferquel. Comme promis, voici nos slides et mes démos (celles avec le viper BSG) ici et là. Pour mémoire, les démos utilisent toutes le viper BSG...
Cliquez pour lire la suite de l'article par Groc [TECHDAYS 2012] SESSION WEBMATRIX 2 : LE COUTEAU SUISSE GRATUIT POUR VOS DéVELOPPEMENTS WEB - SLIDES[TECHDAYS 2012] SESSION WEBMATRIX 2 : LE COUTEAU SUISSE GRATUIT POUR VOS DéVELOPPEMENTS WEB - SLIDES par gpommier
Suite à la session que j'ai présenté sur WebMatrix 2, vous pouvez trouver les slides ici, ainsi que les démos en packages nuget : démos1 et démos2 J'en profite pour remercier chaleureusement tous ceux qui sont venus très nombreux à cette sess...
Cliquez pour lire la suite de l'article par gpommier [SHAREPOINT] LES SESSIONS TECHDAYS 2012.[SHAREPOINT] LES SESSIONS TECHDAYS 2012. par Patrick Guimonet
Voici donc pour ceux qui n'ont pas pu venir, ou ceux qui n'ont pas pu toutes les suivre la liste des sessions SharePoint aux TechDays 2012, que je mettrais à jour dès que les liens des vidéo seront disponibles. Ou ici : http...
Cliquez pour lire la suite de l'article par Patrick Guimonet TECHDAYS PARIS 2012 : SESSION PLEINIèRE JOUR 3TECHDAYS PARIS 2012 : SESSION PLEINIèRE JOUR 3 par ROMELARD Fabrice
Speaker: Bernard Ourghanlian Cette session est comme chaque jour transmise en live par BrainSonic, et j'ai donc suivi cette troisième pleinière par ce moyen sur mon iPad . Elle est dédiée comme chaque année à la mise en perspective de l'é...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice MISHRA READER : UN LECTEUR RSS TRèS ZUNE STYLE EN OPEN SOURCE !MISHRA READER : UN LECTEUR RSS TRèS ZUNE STYLE EN OPEN SOURCE ! par Vko
Hier durant une session dédiée aux Techdays 2012, j'ai eu le plaisir d'annoncer la sortie de la Béta 2 de Mishra Reader. C'est quoi ? Pour les utilisateurs, c'est une vraie expérience de lecture de flux RSS sur Windows. Rien à voir avec les produit...
Cliquez pour lire la suite de l'article par Vko
Logiciels
 Tribler (2012)TRIBLER (2012)Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des... Cliquez pour télécharger Tribler OneSwarm (2012)ONESWARM (2012)Le peer-to-peer qui protège votre vie privée, c'est OneSwarm.
Ce logiciel de peer-to-peer crypté... Cliquez pour télécharger OneSwarm PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA TV DEVIENS HELLLOOO FLASH
LA TV SUR VOTRE ORDINATEUR.
Toute une plateforme Multi... Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO Academy System (17.2.1.0)ACADEMY SYSTEM (17.2.1.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Easy-Planning (1.0.0.1)EASY-PLANNING (1.0.0.1)Basé sur les mêmes principes que MyPlanning, Easy-Planning permet de créer des plannings sous la ... Cliquez pour télécharger Easy-Planning
|