Buenos días,
Te dejo un código que he utilizado yo para hacer lo que tú dices, a ver si te puede valer:
Pagina1.html:
-----------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script language="javascript">
$(document).ready(function()
{
//Cada vez que se recarga la pagina, por defecto llevará la primera opcion seleccionada.
$('#SUCX > option[value="0"]').attr('selected', 'selected');
$("#SUCX").change(function ()
{
$("#SUCX option:selected").each(function ()
{
SUCXseleccionado=$(this).val();
alert("SUCX elegido: " +SUCXseleccionado);
$.post("OFIXphp.php", { elegido: SUCXseleccionado }, function(data)
{
$("#OFIX").html(data);
$("#OFIX").change(function () {
$("#OFIX option:selected").each(function ()
{
OFIXseleccionado=$(this).val();
alert("OFIX elegido: " +OFIXseleccionado);
});
})
})
});
})
});
</script>
</head>
<body>
<form>
<p>SUCX:
<select name="SUCX" id="SUCX">
<option value="0">Selecciona SUCX</option>
<option value="1">SUCX1</option>
<option value="2">SUCX2</option>
<option value="3">SUCX3</option>
</select></p>
<p>OFIX:
<select name="OFIX" id="OFIX">
</select></p>
</form>
</body>
</html>
Y después en OFIXphp.php tengo:
<?php
$opciones="";
if ($_POST["elegido"]==1) {
$opciones= '
<option value="0">Seleccione OFIX_A</option>
<option value="1">OFIX_A1</option>
<option value="2">OFIX_A2</option>
<option value="3">OFIX_A3</option>
';
}
if ($_POST["elegido"]==2) {
$opciones= '
<option value="0">Seleccione OFIX_B</option>
<option value="1">OFIX_B1</option>
<option value="2">OFIX_B2</option>
';
}
if ($_POST["elegido"]==3) {
$opciones= '
<option value="0">Seleccione OFIX_C</option>
<option value="1">OFIX_C1</option>
';
}
echo $opciones;
?>
De ese modo capturo el valor de las opciones seleccionadas yo. Espero que te sirva de algo.
Saludos!!