Ciao ragazzi, dovrei aggiungere alcuni elementi in una selectbox semplicemente selezionando un opzione in un altra select. Vi mostro il codice che ho scritto e che purtroppo non funziona:
codice:
<html>
<head>
<title> Regioni </title>
</head>
<body>
<label>Selezione una regione</label>
<select name="regioni" id = "reg" name = "reg">
<option value="Abruzzo"> Abruzzo </option>
<option value="Basilicata"> Basilicata </option><onClick="Basilicata(regione)">
<option value="Calabria"> Calabria </option>
<option value="Campania"> Campania </option>
<option value="Emilia-Romagna"> Emilia-Romagna </option>
<option value="Friuli-Venezia Giulia"> Friuli-Venezia Giulia </option>
<option value="Lazio" id ="lazio" onclick="Ch"> Lazio </option>
<option value="Liguria"> Liguria </option>
<option value="Lombardia"> Lombardia </option>
<option value="Marche"> Marche </option>
<option value="Molise"> Molise </option>
<option value="Piemonte"> Piemonte </option>
<option value="Puglia"> Puglia </option>
<option value="Sardegna"> Sardegna </option>
<option value="Sicilia"> Sicilia </option>
<option value="Toscana"> Toscana </option>
<option value="Trentino-Alto Adige"> Trentino-Alto Adige </option>
<option value="Umbria"> Umbria </option>
<option value="Valle d'Aosta"> Valle d'Aosta </option>
<option value="Veneto"> Veneto </option>
</select>
<br>
<label>Province</label>
<select style="width:200" id="opt" name ="province">Province</select>
<script>
function Ch() //cliccando sul contenuto di selectbox, questo viene aggiunto a casella
{
var ddl = document.getElementById("reg");
var selectedValue = ddl.options[ddl.selectedIndex].value;
if(selectedValue == "Lazio")
{
var select = document.getElementById("opt");
select.options[select.options.length] = new Option('Roma', 'Viterbo');
}
else
{
alert('seleziona una provincia!');
}
}
</script>
</body>
</html>
Perché non mi aggiunge le province del lazio nell'altra selectbox?