Ver Mensaje Individual
  #6 (permalink)  
Antiguo 07/08/2014, 09:34
jessita_16
 
Fecha de Ingreso: octubre-2013
Ubicación: Madrid
Mensajes: 7
Antigüedad: 10 años, 7 meses
Puntos: 0
Respuesta: Agregar Selects dependientes en un formulario dinamico

Solucionado... :) de esta manera

Código HTML:
<script  type="text/javascript">


$(document).ready(function(){
	var cuentaInputs=$('#elementos').children().length;

	
		
     $("#Sproyectos").change(function () {
     $("#Sproyectos option:selected").each(function () {
            proy=$(this).val();
            $.post("queries/query_wp.php", { proy : proy }, function(opciones3){
            $("#Swp"+cuentaInputs).html(opciones3);
            });
			
			});          
	 })
				var algo="Swp"+cuentaInputs;
			$("#Swp"+cuentaInputs).change(function () {
            $("#Swp1  option:selected").each(function () {
                id=$(this).val();
                $.post("queries/query_task.php", { id : id }, function(opciones){
            $("#Stask"+cuentaInputs).html(opciones);
            });
			
			});          
	 })
	 
	 		
	 
			$('#agrega').click(function(){
		cuentaInputs++;
		
	
		
$('<br class="fila'+cuentaInputs+'" /> <br class="fila'+cuentaInputs+'"/><select class="fila'+cuentaInputs+'" id="Swp'+cuentaInputs+'" name="wp'+cuentaInputs+'"><option value="0">Select WP</option></select> <select class="fila'+cuentaInputs+'" id="Stask'+cuentaInputs+'" name="task'+cuentaInputs+'"><option value="0">Select Task</option></select> ').appendTo('#inputs');				
					
		   $("#Sproyectos option:selected").each(function () {
            proy=$(this).val();
            $.post("queries/query_wp.php", { proy : proy }, function(opciones3){
            $("#Swp"+cuentaInputs).html(opciones3);
            });
			});        
			
			$("#Swp"+cuentaInputs).change(function () {
            $(this).find("option:selected").each(function () {
                id=$(this).val();
                $.post("queries/query_task.php", { id : id }, function(opciones){
            $("#Stask"+cuentaInputs).html(opciones);
            });
			
			});          
	 })		
		
		});
			
			});
</script>



 <div id="elementos">
 <form  id="datos"  action="prueba.php" method="post" >
 <div id="inputs">
  <p id="demo"></p>
 <select id="Sproyectos" name="proy"  onchange="myFunction()">
				<option value="0">Select Project</option>
				<?php
					$proyecto = obtenerTodosLosProyectos();
					foreach ($proyecto as $proy) { 
						echo '<option value="'.$proy->id.'">'.utf8_encode($proy->acronimo).'</option>';		
					}
				?>
			</select>
            
       
            <br /><br />
            <select id="Swp1" name="wp1">
				<option value="0">Select WP</option>
			</select>
            <select id="Stask1" name="task1">
				<option value="0">Select Task</option>
			</select>
 



 </div>
<input type="button" id="agrega" value="+">
<br /><br /><br />
<center><button type="button" /> </center>

 </form>
 </div>
 </body> 
Espero que sea de ayuda para quien lo pueda necesitar