Séléctionner de la liste déroulante

Fermé
halima15 Messages postés 167 Date d'inscription dimanche 15 novembre 2009 Statut Membre Dernière intervention 21 avril 2010 - 31 déc. 2009 à 01:09
Alain_42 Messages postés 5358 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 - 31 déc. 2009 à 09:32
Bonjour,
j'ai une liste déroulante qui contient les noms des pays et un champs de text
et je veux quand je séléctionne un pays de ma liste déroulante s'affiche le nom de son capitale dans le champs de text en javascript

3 réponses

avion-f16 Messages postés 19125 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 23 mars 2023 4 468
31 déc. 2009 à 02:24
Ta liste pourrait ressembler à ça :
<select name="pays" onchange="updateCountry(this.value);">
    <option value="">Choisissez :</option>
    <option value="belgique">Belgique</option>
    <option value="canada">Canada</option>
    <option value="france">France</option>
    ...
</script>
Et :
capitales = new Array();
capitales["belgique"] = "Bruxelles";
capitales["canada"] = "Ottawa";
capitales["france"] = "Paris";

function updateCountry(pays) {
    capitale = capitales[pays];
    // ...
}
0
halima15 Messages postés 167 Date d'inscription dimanche 15 novembre 2009 Statut Membre Dernière intervention 21 avril 2010 10
31 déc. 2009 à 02:54
je l'ai essayé mais ça marche pas mais àa la place de capitale que tu as mis dans la fonction j'ai mis document.forms(formulaire).capitale.value
est il correct??
0
"simplification/amélioration" à la proposition d'avion-f16 :

<body>
	<input type="text" id="toto" size="32" />
	<select name="pays" onchange="document.getElementById('toto').value=this.value;">
		 <option value="">Choisissez :</option>
		 <option value="Bruxelles">Belgique</option>
		 <option value="Ottawa">Canada</option>
		 <option value="Paris">France</option>
	</script>
</body>

@+
0
Alain_42 Messages postés 5358 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 901
31 déc. 2009 à 09:32
un petit complement:

<script type="text/javascript">
capitales = new Array();
capitales["belgique"] = "Bruxelles";
capitales["canada"] = "Ottawa";
capitales["france"] = "Paris";

function updateCountry(pays,id_ecrire) {
    var capitale = capitales[pays];
    obj=document.getElementById(id_ecrire);
	 obj.value=capitale;
}

</script>
et dans ton form:
<select name="pays" onchange="updateCountry(this.value,'capitale_pays');">
    <option value="">Choisissez :</option>
    <option value="belgique">Belgique</option>
    <option value="canada">Canada</option>
    <option value="france">France</option>
    ...
</select>
<input type="text" name="capitale_pays" id="capitale_pays" value="" />
0