Hola yefranjo77, el primer error que noté en tu código es que tienes varios <body></body> y <html></html>, talvez necesites estudiar un poco lo que es la estructura de un html.
segundo error, en tu función def_subr() llamas a otras funciones, algunas de ellas no implementadas (asig_reg8 y asig_reg9),
tercer error, envias como parametor a la funcion asig_reg0 un elemento que no existe, pues estás tratando de coger un elemento que tenga un id llamado "subregion" cosa que no hay, por eso le puse a tu select un id="subregion"
tmabien cometiste el mismo error con el select "region".
Parece que no tienes muy claro como usar lo getElementById(), te explico,
getElementById('idelemento') se usa para "coger" elementos que tengan el valor "idelemento" en su atributo id. Por ejemplo, si en tu html hay un <select id="idelemento"></select>, al hacer el getElementById('idelemento') se coge el select que tenga el id="idelemento".
te pego el HTML
Código HTML:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Plataforma Administrativa: Prueba Semaforo</title>
<script type="text/javascript" src="js/jquery-1.6.1.js"></script>
<link rel="stylesheet" href="Css/styleformSemaforo.css" type="text/css">
<script language="JavaScript" type="text/JavaScript">
function def_subr(obj){
var selsubr=obj.value;
if(selsubr==0) asig_reg0(document.getElementById('subregion'));
if(selsubr==1) asig_reg1();
if(selsubr==2) asig_reg2();
if(selsubr==3) asig_reg3();
if(selsubr==4) asig_reg4();
if(selsubr==5) asig_reg5();
if(selsubr==6) asig_reg6();
if(selsubr==7) asig_reg7();
if(selsubr==8) asig_reg8();
if(selsubr==9) asig_reg9();
return;
}
function asig_reg0(obj){
var valor = obj.value;
var lista = document.getElementById('region');
if(valor=="0")
lista.disabled=true;
else{
lista.disabled=false;
}
}
function asig_reg1(){
opcion0=new Option("prueba","prueba");
opcion1=new Option("prueba2", "prueba2");
opcion3=new Option("prueba3", "prueba3");
opcion4=new Option("prueba4", "prueba4");
opcion5=new Option("prueba5", "prueba5");
opcion6=new Option("prueba6", "prueba6");
document.forms.listas.region.options[1]=opcion0;
document.forms.listas.region.options[2]=opcion1;
document.forms.listas.region.options[3]=opcion3;
document.forms.listas.region.options[4]=opcion4;
document.forms.listas.region.options[5]=opcion5;
document.forms.listas.region.options[6]=opcion6;
}
function asig_reg2(){
opcion0=new Option("prueba3","prueba3");
opcion1=new Option("prueba4", "prueba4");
document.forms.listas.region.options[1]=opcion0;
document.forms.listas.region.options[2]=opcion1;
}
function asig_reg3(){
opcion0=new Option("prueba5","prueba5");
opcion1=new Option("prueba6", "prueba6");
document.forms.listas.region.options[1]=opcion0;
document.forms.listas.region.options[2]=opcion1;
}
function asig_reg4(){
opcion0=new Option("prueba7","prueba7");
opcion1=new Option("prueba8", "prueba8");
document.forms.listas.region.options[1]=opcion0;
document.forms.listas.region.options[2]=opcion1;
}
function asig_reg5(){
opcion0=new Option("prueba9","prueba9");
opcion1=new Option("prueba10", "prueba10");
document.forms.listas.region.options[1]=opcion0;
document.forms.listas.region.options[2]=opcion1;
}
function asig_reg6(){}
function asig_reg7(){}
function asig_reg8(){}
function asig_reg9(){}
</script>
</head>
<body>
<div id="menu">
<ul id="navmenu-v">
<li><a href="newjsp.jsp">Inicio</a></li>
<li><a href="#">Informacion Municipio</a></li>
<li><a href="#">Revision de datos</a>
<ul>
<li><a href="formSemaforo.jsp">Prueba Semaforo</a></li>
<li><a href="#">Prueba Stepwise</a></li>
</ul>
</li>
<li><a href="#">Instituciones Educativas</a></li>
<li><a href="#">Hospitales</a></li>
<li><a href="#">Alianzas</a></li>
<li><a href="index.jsp">Salir</a></li>
<li><a href="test_ld1.jsp">prueba</a></li>
</ul>
</div>
<div id="centro"><center>
<form name="listas" method="post" action="">
<table id="tabla" border="3px">
<tr>
<td><strong>Elija una subregion</strong>
<select id="subregion" name="subregion" onchange="def_subr(this)">
<option value="0">Seleccione...</option>
<option value="1">Valle de aburra</option>
<option value="2">Oriente</option>
<option value="3">Suroeste</option>
<option value="4">Occidente</option>
<option value="5">Norte</option>
<option value="6">Nordeste</option>
<option value="7">Magdalena medio</option>
<option value="8">Uraba</option>
<option value="9">Bajo cauca</option>
</select>
</td>
</tr>
<tr>
<td>
<strong>Elija una region</strong>
<select id="region" name="region">
<option value="seleccione">Seleccione...</option>
</select>
</td>
</tr>
</table>
</form>
<img src="mar.png">
</center>
</div></body></html> También te pego un link a un sitio donde explica desde cero lo que es dhtml que algo que veo que necesitas reforzar.
http://www.dhtmlya.com.ar/
Saludos.