Sto creando questa funzione per popolare una drop down list:
Tale funzione non mi da' l'esatto risultato che vorrei perche:
Se seleziono l'opzione "Industriali" non ottengo alcuna reazione. Al contrario se seleziono "Collettivita" ho l'inserimento delle opzioni nel Combo "Diametro".
Se seleziono "Industriali" dopo Collettivita ottengo una reazione nel Combo "Diametro"
Non si svuota il Combo "Diametro" quando effettuo una seconda selezione
Ho provato a salvare questa funzione in un file esterno "MiaFunzione.js" ma non funzionava (non avevo alcun effetto) e pertanto sono stato obbligato ad inserire la funzione nella stessa pagina php.
Grazie tanto per l'aiuto.

Codice:
<script language="javascript">
function myFunc(sel)
{
//acquisisci l'elemento selezionato
if (sel.options[sel.selectedIndex].value=="Collettivita")
{
var ddlPreferredMethodOfPhone = document.getElementById('Diametro');
for (i = 0; i < ddlPreferredMethodOfPhone.options.length-1; i++) {
ddlPreferredMethodOfPhone.options[i].remove;
}
var Option0 = document.createElement("option");
Option0.text = "";
Option0.value = "0";
ddlPreferredMethodOfPhone.options.add(Option0);
var option1 = document.createElement("option");
option1.text = "fino a 30 mm.";
option1.value = "30mm";
ddlPreferredMethodOfPhone.options.add(option1);
var option2 = document.createElement("option");
option2.text = "fino a 40 mm.";
option2.value = "40mm";
ddlPreferredMethodOfPhone.options.add(option2);
var option3 = document.createElement("option");
option3.text = "fino a 50 mm.";
option3.value = "50mm";
ddlPreferredMethodOfPhone.options.add(option3);
var option4 = document.createElement("option");
option4.text = "fino a 60 mm.";
option4.value = "60mm";
ddlPreferredMethodOfPhone.options.add(option4);
var option5 = document.createElement("option");
option5.text = "fino a 80 mm.";
option5.value = "80mm";
ddlPreferredMethodOfPhone.options.add(option5);
}
else
{
var ddlPreferredMethodOfPhone = document.getElementById('Diametro');
var Option0 = document.createElement("option");
Option0.text = "";
Option0.value = "0";
ddlPreferredMethodOfPhone.options.add(Option0);
var option1 = document.createElement("option");
option1.text = "fino a 80 mm.";
option1.value = "80mm";
ddlPreferredMethodOfPhone.options.add(option1);
var option2 = document.createElement("option");
option2.text = "fino a 100 mm.";
option2.value = "100mm";
ddlPreferredMethodOfPhone.options.add(option2);
var option3 = document.createElement("option");
option3.text = "fino a 125 mm.";
option3.value = "125mm";
ddlPreferredMethodOfPhone.options.add(option3);
var option4 = document.createElement("option");
option4.text = "fino a 140 mm.";
option4.value = "140mm";
ddlPreferredMethodOfPhone.options.add(option4);
var option5 = document.createElement("option");
option5.text = "fino a 150 mm.";
option5.value = "150mm";
ddlPreferredMethodOfPhone.options.add(option5);
}
}
</script>
HTML:
Applicazione:<select id="applicazione" onchange="myFunc(this);">
<option value="Industriali">Industriali</option>
<option value="Collettivita">Collettivita</option>
HTML:
Diametro: <select id="Diametro">
<option </option>
</td>
Tale funzione non mi da' l'esatto risultato che vorrei perche:
Se seleziono l'opzione "Industriali" non ottengo alcuna reazione. Al contrario se seleziono "Collettivita" ho l'inserimento delle opzioni nel Combo "Diametro".
Se seleziono "Industriali" dopo Collettivita ottengo una reazione nel Combo "Diametro"
Non si svuota il Combo "Diametro" quando effettuo una seconda selezione
Ho provato a salvare questa funzione in un file esterno "MiaFunzione.js" ma non funzionava (non avevo alcun effetto) e pertanto sono stato obbligato ad inserire la funzione nella stessa pagina php.
Grazie tanto per l'aiuto.

