Hola Amig@s,
Para el siguiente codigo
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title></title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<script type="text/javascript" src="js/jquery.js"></script>
<script language="JavaScript" type="text/JavaScript">
$(document).ready(function(){
$("#select1").change(function(event){
var id = $("#select1").find(':selected').val();
$("#select2").load('genera-select.php?id='+id);
});
});
</script>
</head>
<body>
<select name="select1" id="select1">
<option value="0">Selecciona</option>
<option value="1">Opcion 1</option>
<option value="2">Opcion 2</option>
<option value="3">Opcion 3</option>
<option value="4">Opcion 4</option>
</select>
<select name="select2" id="select2">
</select>
<select name="selectx" id="selectx">
<option value="0">Selecciona</option>
<option value="1">Opcion 1</option>
<option value="2">Opcion 2</option>
<option value="3">Opcion 3</option>
<option value="4">Opcion 4</option>
</select>
<select name="selecty" id="selecty">
</select>
</body>
</html> La idea es que el
select1 actualiza el
select2, ta todo ok, mi duda esta en el como se le hace para que el
selectx actualice a
selecty utilizando la misma funcion ?
De antemano mil gracias,
Un Cordial Saludo