Liste deroulante js
Bello
-
13 août 2019 à 08:46
@karamel Messages postés 1854 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 8 avril 2024 - 13 août 2019 à 19:05
@karamel Messages postés 1854 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 8 avril 2024 - 13 août 2019 à 19:05
A voir également:
- Liste deroulante js
- Poo js - Conseils pratiques -Javascript
- Liste déroulante html w3school ✓ - Forum PHP
- Java liste ✓ - Forum Java
- Swal js ✓ - Forum PHP
- Alimenter une liste déroulante vba - Forum VB.NET
1 réponse
@karamel
Messages postés
1854
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
8 avril 2024
153
13 août 2019 à 19:05
13 août 2019 à 19:05
bonjour
voici un exemple qui utilise un objet json
voici un exemple qui utilise un objet json
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<script>
var tb_pv={
France:["Lille","Lyon","Paris"],
Espagne:["Barcelone","Madrid","Séville"],
Allemagne:["bone","berlin","munich"],
Italie:["rome","turin","milan","venise"]
}
function changerVille(lui) {
var pays = lui.value;
document.getElementById("ville").options.length = 0
for ( var i = 0 ; i < tb_pv[pays].length ; i++) {
var ville=tb_pv[pays][i]
var elem=document.createElement('option')
elem.setAttribute('value',ville)
var text = document.createTextNode(ville)
elem.appendChild(text)
elem.value=ville
document.getElementById('ville').add(elem);
}
}
</script>
</head>
<body>
<div class="styled-select">
<select onchange="changerVille(this)">
<option selected="selected" value="France">France</option>
<option value="Espagne">Espagne</option>
<option value="Allemagne">Allemagne</option>
<option value="Italie">Italie</option>
</select>
</div>
<br><br><br>
<div class="styled-select">
<select id="ville">
<option value="Paris">Paris</option>
<option value="Lille">Lille</option>
<option value="Lyon">Lyon</option>
</select>
</div>
</body>
</html>