Foros del Web » Programando para Internet » Jquery »

Selects anidados con JQuery / PHP / MySQL

Estas en el tema de Selects anidados con JQuery / PHP / MySQL en el foro de Jquery en Foros del Web. Buenas Os remito una duda que tengo sobre selects anidados. El problema es que no consigo que me imprima el segundo select cuando el primero ...
  #1 (permalink)  
Antiguo 28/12/2011, 05:36
 
Fecha de Ingreso: diciembre-2011
Mensajes: 3
Antigüedad: 12 años, 3 meses
Puntos: 0
Selects anidados con JQuery / PHP / MySQL

Buenas

Os remito una duda que tengo sobre selects anidados. El problema es que no consigo que me imprima el segundo select cuando el primero si que me lo coje con la base de datos perfectamente.

Yo hago una llamada desde el HTML a info e info2 y el primer me saca el select por pantalla pero cuando intento usar el evento change para que me genere el segundo, no me hace nada.

Código:
// Esta funcion recoge el json data de titulos y lo imprime en pantalla
function restultsTitulo(data) { 
		$("div.info").html('').show(); 
		$("div.info").append("<div class=\"titulo\">");
		$("div.info").append("Titulo: ");
		$("div.info").append("<select id=\"tit\">");
		$("#tit").append("<option value='0'> Elige un titulo"); 
		$.each(data,function(index,value) { 
			$("#tit").append('<option value="'+data[index].id+'">' + data[index].nombre + '</option>');
		});
		$("div.info").append("</select>"); 
		$("div.info").append("</div>");
		$("div.info").append("<br />");
	} 

// Esta funcion recoge el json data de subtitulos y lo imprime en pantalla	
function restultsSubtitulo(data) { 
		$("div.info2").html('').show(); 
		$("div.info2").append("<div class=\"subtitulo\">");
		$("div.info2").append("Subtitulo: ");
		$("div.info2").append("<select id=\"sub\">"); 
		$("#sub").append("<option value='0'> Elige un subtitulo"); 
		$.each(data,function(index,value) { 
			$("#sub").append('<option value="'+data[index].id+'">' + data[index].nombre + '</option>');
		});
		$("div.info2").append("</select>"); 
		$("div.info2").append("</div>"); 
	} 
	
	//INICIO
	$(document).ready(function(){ 
		$.ajax({ 
			data: "", 
			type: "GET", 
			dataType: "json", 
			url: "recogeTitulo.php", 
			success: function(data){ 
				restultsTitulo(data); 
			} 
		}); 
	});
	
	$("#tit").change(function () {          
		$("#tit option:selected").each(function () {
			var value = $('#tit option:selected').val();               
			$.ajax({ 
				data: "value", 
				type: "GET", 
				dataType: "json", 
				url: "recogeSubtitulo.php", 
				success: function(data){ 
					restultsSubtitulo(data); 
				} 
			});              
		});          
	})
Muchas gracias por vuestra ayuda.
Un saludo!

Etiquetas: anidados, mysql, php, selects
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:53.