Esta es la forma de hacer lo que deseas en java ya que java script se ejecuta del lado del cliente no se necesita recargar la pagina.
Código:
<html>
<head>
<script language="javascript1.2">
<!--
function LP_change(mode){
var num=mode;
with(abc){
switch(num){
case 0:
sel.options[0].text="opcion 1";
sel.options[1].text="opcion 2";
sel.options[2].text="opcion 3";
break;
case 1:
sel.options[0].text="opcion 4";
sel.options[1].text="opcion 5";
sel.options[2].text="opcion 6";
break;
case 2:
sel.options[0].text="opcion 7";
sel.options[1].text="opcion 8";
sel.options[2].text="opcion 9";
break;
case 3:
sel.options[0].text="opcion 10";
sel.options[1].text="opcion 11";
sel.options[2].text="opcion 12";
break;
}}
}
-->
</script>
</head>
<body>
<form name="abc">
<select name="alter" onChange="LP_change(this.options.selectedIndex)">
<option>opcion 1
<option>opcion 2
<option>opcion 3
<option>opcion 4
</select><br>
<select name="sel">
<option>opcion 1
<option>opcion 2
<option>opcion 3
</select>
</form>
</body><html>
:cantar:
Para poder personalizar el codigo debes cambiar las opciones por lastuyas pero sin cambiar el nombre del select.
las opciones que se crean estan numeradas de 1 a 12 .