Gabriel_Bazeth, disculpa la tardanza de la respuesta, revisé tu html, pero me pegaste el html de tu proyecto, yo me refería al html final que sale "impreso" en el explorador.
Algunas sugerencias que te doy para resolver tu problema: cada uno de tus selects podrian tener un option que indique que no se está seleccionando nada. por ejemplo
<option value='0' label='seleccione un elemento'>seleccione un elemento</option>
y cada vez que en el select "padre" se seleccione esta opción, en lugar de poner todos los options del select "hijo" en null, podrias seleccionar este "option" que indica que no existe seleccion, y ademas bloquearlo.
te ayudo un poco con el código:
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script type="text/javascript">
function actualizar(obj)
{
var valor = obj.value;
var hijo = document.getElementById('hijo');
if(valor=="0")
hijo.disabled=true;
else
{
hijo.disabled=false;
alert("acá se carga el select hijo");
}
}
</script>
</head>
<body>
<form name="listas" method="post" action="">
padre:
<select name="padre" id="padre" onchange="actualizar(this)">
<option value="0" label="seleccione">seleccione</option>
<option value="1" label="opción 1">opción 1</option>
<option value="1" label="opción 1">opción 1</option>
</select><br />
hijo:
<select name="hijo" id="hijo">
<option value="0" label="seleccione">seleccione</option>
<option value="1" label="opción 1">opción 1</option>
<option value="1" label="opción 1">opción 1</option>
</select>
</form>
</body>
</html> hasta aquí estaría lo de activar/desactivar el select hijo, si tienes problemas con quitar/anadir nuevos options a los selects lo posteas, saludos.
Saludos