Séléctionner de la liste déroulante
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
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
Configuration: Windows XP Internet Explorer 7.0
3 réponses
-
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]; // ... } -
"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>
@+ -
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="" />
