Bueno aqui solo te orientan, lo de la consulta tendrias que hacerlo con PHP o ASP y adaptarlo con este javascript.
Pues en ocaciones cuando tengo dudas de como hacer algo, le muevo le muevo hasta que queda, sin intentarlo no creo que se logre, ya que en este mundo no hay como prueba y error para aprender, aqui esta mi ejemplo con PHP, en lugar de base de datos usa 2 arrays pero igual y se puede cambiar, espero que te sirva.
Salu2
Código PHP:
<?php
$script = <<<EOT
<script language="JavaScript">
function addOpt(oCntrl, iPos, sTxt, sVal){
var selOpcion=new Option(sTxt, sVal);
eval(oCntrl.options[iPos]=selOpcion);
}
function cambia(oCntrl){
while (oCntrl.length) oCntrl.remove(0);
switch (document.frm.familia.selectedIndex){\n
EOT;
$datos = array('0' => 'Electronica','1' => 'Carros','2' => 'Animales');
$lineas = array('Televisores' => '0','Reproductores de DVD' => '0','Home Theater' => '0','Ferrari' => '1','Lamborghini' => '1','Bentley' => '1','Perro' => '2','Gato' => '2','Jirafa' => '2');
foreach ($datos as $catid => $nombrecat){
$b = 0;
$script.= "case $catid:\n";
foreach ($lineas as $nombrelinea => $lid){
if ($catid == $lid){
$script.=<<<EOT
addOpt(oCntrl, $b, "$nombrelinea", "valor");\n
EOT;
$b++;
}
}
$script.= "break;\n";
}
$script.= <<<EOT
}
}
</script>
EOT;
$self = $PHP_SELF;
$html_cont = <<<EOT
<form method="POST" name="frm" action="$self">
<select name="familia" onchange="cambia(document.frm.linea)" size="1">
EOT;
foreach ($datos as $catid => $nombrecat){
$html_cont.= "<option value='valor'>$nombrecat</option>";
}
$html_cont.=<<<EOT
</select>
<select name="linea" size="1">
EOT;
foreach ($lineas as $nombrelinea => $lid){
if ($lid == 0){
$html_cont.=<<<EOT
<option value=''>$nombrelinea</option>
EOT;
}
}
$html_cont.=<<<EOT
</select>
<p><input type="submit" value="Enviar"><input type="reset" value="Reset" name="B2"></p>
</form>
</body>
</html>
EOT;
echo $script;
echo $html_cont;
?>