Selects dependientes JQuery

augusto_jaramil · #1 (**permalink**) 18/01/2012, 20:07

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

augusto_jaramil · #2 (**permalink**) 18/01/2012, 21:09

Uyyyyy... que penonononnnnnn......

resulta como facil la vaina....

1.adicionar una clase a los select's (seleccion por ejemplo un ejemplo)
2.obtener el id con el evento onChange (oID = $(this).attr("id");)
3. de ahi en adelante, seguimos a la lata....

el codigo js quedaria;

Código HTML:

$(document).ready(function(){
			$(".seleccion").change(function(event){
                                      oID = $(this).attr("id");

Mil Gracias