begin process at 2012 05 29 07:42:07
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Concaténation des choix d'une liste déroulante dans un input text

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Concaténation des choix d'une liste déroulante dans un input text

dimanche 23 août 2009 à 19:44:17 | Concaténation des choix d'une liste déroulante dans un input text

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 séléctionner des mots dans 2 listes déroulantes et que le résultat s'affiche dans un input text. La difficulté (enfin pour moi qui n'en touche pas une en js) est de concaténer dans l'input type text les différents mots que l'utilisateur auraient sélectionnés:

Exemple: si dans la liste déroulante 1, l'utilisateur choisit "Merci", puis sélectionne dans la liste déroulante 2 "pour ton aide!", le résulat dans l'input type text serait: Merci pour ton aide!. etc ... si l'utilisateur re-sélectionne dans la liste 1 un autre mots, ce dernier doit venir se concaténer à la suite...


Voici le début de code que j'ai sans js:

Code HTML :
<html>

<head>

	<title>HELP HELP !</title>

	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

</head>



<body>

<select onChange="document.getElementById('text_field').value=this.value;">

    <option value="-1">Choisissez</option>

    <option value="Merci">Merci</option>

    <option value="Vive">Vive</option>

	<option value="Hola">Hola</option>

</select>

<select onChange="document.getElementById('text_field').value=this.value;">

    <option value="-1">Choisissez</option>

    <option value="pour ton aide!">pour ton aide</option>

    <option value="Javascript">Javascript</option>

    <option value="Amigos">Amigos</option>

</select>

<input type="text" id="text_field" name="text_field" value="" />

</body>

</html>


Merci d'avance pour toute suggestions, codes ou même indice sur comment effectuer cela !
lundi 24 août 2009 à 09:20:10 | Re : Concaténation des choix d'une liste déroulante dans un input text

Bul3

Membre Club


Bonjour,

une piste ?
la concaténation en javascript c'est +
résultat=résultat+ajout;
et par raccourci : resultat+=ajout;

>>pour moi qui n'en touche pas une en js
ben, si vous voulez utiliser, il va bien
falloir vous y mettre, sinon pourquoi
utiliser un langage qu'on ne connait
pas, qu'on ne cherche même pas à connaitre
peut-être, quand celui-ci n'est jamais
obligatoire ?

Cordialement [mon Site] [M'écrire] Bul

lundi 24 août 2009 à 15:57:02 | Re : Concaténation des choix d'une liste déroulante dans un input text

jdmcreator


+1 ;)

Regarde aussi du côté e l'événement onChange et de
document.getElementById('id').value
;)

Cordialement,

JDMCreator
--------
Participez au nouveau projet : la wiki sur le javascript !

fr.jsinfo.wikia.com
lundi 24 août 2009 à 15:57:53 | Re : Concaténation des choix d'une liste déroulante dans un input text

jdmcreator


Ah ben oups, c'était déjà écrit '^^

JDMCreator
--------
Participez au nouveau projet : la wiki sur le javascript !

fr.jsinfo.wikia.com
lundi 24 août 2009 à 18:43:42 | Re : Concaténation des choix d'une liste déroulante dans un input text

alaska749

Ce n'est pas parce que je ne veux pas connaitre js, mais étant actuellement en travail de diplome, je me suis dit qu'un coup de pouce de vous spécialistes js, n'aurait pas été de refut !
Tant pis ... je me re-pencherai sur les q.q conseils recu si le temps me le permet
Merci quand même ..
lundi 24 août 2009 à 19:09:39 | Re : Concaténation des choix d'une liste déroulante dans un input text

Bul3

Membre Club

pourquoi tant pis et merci quand même ?
j'ai donné comment faire une concaténation
et jdmcreator a expliqué le reste...

lundi 24 août 2009 à 19:21:48 | Re : Concaténation des choix d'une liste déroulante dans un input text

jdmcreator

Code HTML :
<html>



<head>



	<title>HELP HELP !</title>



	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />



</head>







<body>



<select onChange="document.getElementById('text_field').value=document.getElementById('text_field').value+""+this.value;">



    <option value="-1">Choisissez</option>



    <option value="Merci">Merci</option>



    <option value="Vive">Vive</option>



	<option value="Hola">Hola</option>



</select>



<select onChange="document.getElementById('text_field').value=document.getElementById('text_field').value+""+this.value;">



    <option value="-1">Choisissez</option>



    <option value="pour ton aide!">pour ton aide</option>



    <option value="Javascript">Javascript</option>



    <option value="Amigos">Amigos</option>



</select>



<input type="text" id="text_field" name="text_field" value="" />



</body>



</html>



JDMCreator
--------
Participez au nouveau projet : la wiki sur le javascript !

fr.jsinfo.wikia.com
mardi 25 août 2009 à 21:03:42 | Re : Concaténation des choix d'une liste déroulante dans un input text

alaska749

Bul3 et jdmcreator merci pour votre aide et vos feedbacks, mea culpa ! j'ai initialement mal interprété vos réponses (en faite j'imaginais la solution bcp plus complexe à mettre en oeuvre...sorry)

j'ai juste du adapter le code de jdmcreator en remplacant ceci (car ce dernier ne fonctionnait pas):

Code HTML :
<select onChange="document.getElementById('text_field').value=document.getElementById('text_field').value+""+this.value;">


par
Code HTML :
<select onChange="document.getElementById('text_field').value+=this.value;">


Bon, me reste encore à gérer le satané espace entre les 2... hepis c'est une affaire qui roule !
Merci bcp

mercredi 26 août 2009 à 14:11:08 | Re : Concaténation des choix d'une liste déroulante dans un input text

jdmcreator

Bien content que ça soit ce que tu souhaitais

JDMCreator
--------
Participez au nouveau projet : la wiki sur le javascript !

fr.jsinfo.wikia.com


Cette discussion est classée dans : input, text, liste, déroulante, color

Répondre à ce message

Sujets en rapport avec ce message

Listes déroulantes dépendantes [ par midoxe ] Bonjour, je fais appel a vos talent en Javascript vu que je viens de commencer l'apprentissage de javascript...[^^happy3] alors j'ai une liste dérou afficher une liste déroulante en cliquant sur un input [ par lsamsoumal ] Bonjour tout le monde je suis débutante en javascript et je cherche depuis le début de la journée à résoudre mon problème sans résultat!! En fait je d Problème de concaténation d'URL [ par vincevalantine ] [size=200][color=blue]Bonjour tout le monde, Merci d'avance pour ceux qui auront la peine de lire, de réfléchir et bien sûr de résoudre le problème a liste déroulante [ par stealon ] Bounjour Je suis un nul en javascript. en fait je voudrais bien m'y lacer dans l'apprentissage mais pour le moment je suis en plein dans un autre lang [help] pourquoi pas? [ par scuzi ] Bonjour à tous, je m'étais inscrit il y a un petit bout de temps et n'étant pas développeur, je n'étais pas encore passé par ici. on dirait plus un Conserver selection liste déroulante [ par mageek06 ] Bonjour, j'ai une liste déroulante en php et lorsque je la soumet j'aimerais garder la derniere sélection de ma liste déroulante : [code=js]function Copier / Coller Javascript PHP [ par fregeal ] Bonjour voila j'ai un formulaire text avec un script jquery pour qu'il s'ouvre en slide il fonctione mais je voudrais plusieurs formulaires dans la liste déroulante liée avec fichier de données (.sbd) [ par eibonbook ] Bonjour à tous et toutes ! Alors je me doute que mon problème à surement déjà été posté mais là ? j'en peux plus mon problème de base reste simple. Ut [Déplacé PHP]remplire une input text a partir d'une requete sql dans une page html [ par mahhour ]


Nos sponsors


Sondage...

Comparez les prix


Samsung LE26B350 LCD
Entre 359€ et 417€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,404 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)