haslo con ya sea con un arreglo o un switch.
este script lo hice y se genera de una bd en asp.
te dejo el html para que tengas la idea. saludos
Código HTML:
<script language="javascript">
var d = document.all;
function load_distritos(provincia) {
if (provincia == 1) {
d.distrito.options.length = 0;
sub0 = new Option("Seleccione un Distrito","0","defauldSelected");
d.distrito.options[0] = sub0;
sub1 = new Option("No Existe ningún Distrito en esta Provincia","0","");
d.distrito.options[1] = sub1;
}
if (provincia == 2) {
d.distrito.options.length = 0;
sub0 = new Option("Seleccione un Distrito","0","defauldSelected");
d.distrito.options[0] = sub0;
sub1 = new Option("Las Tablas","1","");
d.distrito.options[1] = sub1;
sub2 = new Option("Macaracas","4","");
d.distrito.options[2] = sub2;
sub3 = new Option("Pedasí","5","");
d.distrito.options[3] = sub3;
sub4 = new Option("Pocrí","3","");
d.distrito.options[4] = sub4;
sub5 = new Option("Tonosí","2","");
d.distrito.options[5] = sub5;
}
if (provincia == 3) {
d.distrito.options.length = 0;
sub0 = new Option("Seleccione un Distrito","0","defauldSelected");
d.distrito.options[0] = sub0;
sub1 = new Option("No Existe ningún Distrito en esta Provincia","0","");
d.distrito.options[1] = sub1;
}
}
</script>
<form name="form1">
<select name="provincia" onChange="load_distritos(this.value)">
<option value="0" selected>Seleccione una Provincia</option>
<option value="1">Provincia 1</option>
<option value="2">Provincia 2</option>
<option value="3">Provincia 3</option>
</select>
<select name="distrito">
<option value="0" selected>Seleccione un Distrito</option>
</select>
</form>