Problema cargando datos en mi formulario

ldani3l · #1 (**permalink**) 13/09/2012, 15:37

//Tengo este fragmento de código
<script type="text/javascript">
$(document).ready(function(){
$("#consulta").click(function(){
$("#result").load("carga-logro.php",{grupo : $("#grupo").val(),})
})
})
</script>

<select name="grupo" id="grupo">
<option selected disabled>Grupo</option>
<option value="285">SEXTO 2</option>
<option value="293">UNDECIMO 1</option>
<option value="286">SEPTIMO 1</option>
</select>
<input type=button value="Consultar" id="consulta" />
<div id="result"></div>

/*
carga-logro.php me carga unas etiquetas input type='radio', hasta aquí todo funciona correctamente.
estos input's los quiero manipular también con javascrip, pero javascript NO me los reconoce, como si no existieran en mi programa.

Que debo hacer para poder usar estas etiquetas en mi formulario?
*/

Dradi7 · #2 (**permalink**) 13/09/2012, 16:22

pero cual es tu codigo JavaScript que estas usando

ldani3l · #3 (**permalink**) 13/09/2012, 16:37

Esto seria lo que me carga carga-logro.php
<div id="result">
<input type="radio" value="20" name="idLogro">Dato 1
<input type="radio" value="20" name="idLogro">dato 2
</div>

$("input[type=radio]").click(function(){
dato = $(this).val()
$("#result").load("guardar.php",{dato : dato,})
})

Dradi7 · #4 (**permalink**) 13/09/2012, 16:57

Bueno trata de usar mejor on o delegate para poder asignar el evento

Ejemplo

$("#contenedor").on("click", "input[type=radio]", function(event){
// tu codigo aqui
});

ldani3l · #5 (**permalink**) 13/09/2012, 17:04

El problema esta en que la variable dato es nula, dado que no se cargó cuando cree el formulario, sino después mediante load() ese es mi problema...

Dradi7 · #6 (**permalink**) 13/09/2012, 17:08

si pero eso no es problema el on te va a generar el evento dinamicamente o en otro caso agrega esa función la que tienes cuando creas los radio button

ldani3l · #7 (**permalink**) 14/09/2012, 10:02

Te explico nuevamente, este es el código inicial de mi aplicación

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#consulta").click(function(){
$("#result").load("carga-logro.php",{grupo : $("#grupo").val(),})
})
$("input[type=radio]").click(function(){
dato = $(this).val()
$("#result").load("guardar.php",{dato : dato})
})

})

</script>
</head>
<body>
<select name="grupo" id="grupo">
<option selected disabled>Grupo</option>
<option value="285">SEXTO 2</option>
<option value="293">UNDECIMO 1</option>
<option value="286">SEPTIMO 1</option>
</select>
<input type=button value="Consultar" id="consulta" />
<div id="result">
</div>
</body>
</html>

Luego cuando clikeo "#consulta" me genera lo siguiente en "#result":

<input type="radio" value="20" name="idLogro">Dato 1
<input type="radio" value="20" name="idLogro">dato 2

Yo quiero por ejemplo obtener el valor de uno de estos últimos input's radio. Que es lo que intento hace con:

$("input[type=radio]").click(function(){
dato = $(this).val()
$("#result").load("guardar.php",{dato : dato})
})

Pero no logro capturar el valor de estos dado que fueron cargados dinámicamente, mediante load() no se cargaron con el resto de mi página

Se que debo estar haciendo alguna mala práctica, quiero saber porque no puedo capturar estos valor, como seria la forma correcta de hacerlo.