bonjour
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>