Séléctionner de la liste déroulante
halima15
Messages postés
199
Statut
Membre
-
Alain_42 Messages postés 5413 Statut Membre -
Alain_42 Messages postés 5413 Statut Membre -
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
A voir également:
- Séléctionner de la liste déroulante
- Liste déroulante excel - Guide
- Liste déroulante en cascade - Guide
- Liste code ascii - Guide
- Liste de diffusion whatsapp - Guide
- Site dangereux liste - Guide
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="" />
est il correct??