function chargeVille(src,val)
{
v= document.getElementById(src);
for (e in v.options)
v.options[e]=null; //on efface
k=map[val].split(",");
for (e in k)
{
m=k[e][0]=='*';
v.options[e] = new Option(m?k[e].substring(1):k[e],k[e]);
if (m)
v.selectedIndex = e;
}
}
</script>
</head>
Pays <select id="pays" onchange="chargeVille('ville',this.value);">
<option value="DZ">Algérie</option>
<option value="BE">Belgique</option>
<option value="SP">Espagne</option>
<option value="FR" selected>France</option>
<option value="MA">Maroc</option>
</select> Ville <select id="ville"></select>
</html>
11 févr. 2010 à 10:24
<html><head>
<script language="javascript">
map = {
"DZ":"Annaba,*Alger,Oran,Constantine",
"BE":"Anvers,*Bruxelles,Gent,Liège",
"SP":"Barcelone,*Madrid,Malaga",
"FR":"Lille,Lyon,Marseille,*Paris",
"MA":"Tanger,*Rabat,Agadir"};
function chargeVille(src,val)
{
v= document.getElementById(src);
for (e in v.options)
v.options[e]=null; //on efface
k=map[val].split(",");
for (e in k)
{
m=k[e][0]=='*';
v.options[e] = new Option(m?k[e].substring(1):k[e],k[e]);
if (m)
v.selectedIndex = e;
}
}
</script>
</head>
Pays <select id="pays" onchange="chargeVille('ville',this.value);">
<option value="DZ">Algérie</option>
<option value="BE">Belgique</option>
<option value="SP">Espagne</option>
<option value="FR" selected>France</option>
<option value="MA">Maroc</option>
</select> Ville <select id="ville"></select>
</html>