tomar valor de un campo

ginuxC · #1 (**permalink**) 03/05/2010, 10:24

hola gente,

Tengo el siguiente fomrulario:

http://sitiotemporal.com.ar/test/

lo que tengo que hacer es lo siguiente:

1. Poder agregar varios autores
2. completar los nombres y apellido de cada uno de los autores
3. listar los autores asociado a un input radio, para elegir solo 1 de estos

el problema es que no "reconoce", o no "encuentra" los campos agregados con JS (jquery).

Funciona perfectamente si los campos del autor estan cargados desde el inicio, como es el caso del autor uno, o tambien, como muestra el ejemplo, el autor 5.

Cuando agrego autor 2 o 3 o 4 con el boton de "add" aparecen los campos, pero no puedo rescatar sus valores.

en el sector de test se ve claramente que funciona solo con los campos que vienen de forma nativa en el html, realmente me esta rompiendo el coco.

Supongo que las solucion tiene que ser algo que me actulalice el nuevo html generado por JS.

espero que se entienda,y ante todo MUCHAS GRACIAS!!!

chifliiiii · #2 (**permalink**) 04/05/2010, 09:13

Proba el siguiente código y contame

Código:

$('input').change(function () {
 if(this.id.match(/^first([0-9])$/) ){

 var id= this.id.match(/[0-9]$/);
 $('#label-au-'+id).html($('#first'+id).val());


 }
 if(this.id.match(/^last[0-9]$/) ){

 var id= this.id.match(/[0-9]$/);
 $('#label-au-'+id).html($('#label-au-'+id).html() + ', ' + $('#last'+id).val());
 }

 });

Seguro que se puede optimizar pero deberia funcionar. Saludos!!!

Dany_s · #3 (**permalink**) 04/05/2010, 19:07

no entendí mucho tu problema pero si hablas de que cuando creas un elemnto no funciona los eventos asignados tenés que usar el evento live que es para asignar eventos a elementos futuros

fijate que aca digo que cuando hacen click en un enlace se crea otro enlace, pero no funciona en los nuevos

Código HTML:

<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script>
    $( function (){
        $("a").click(function(){
            $('a:last').after('<a href="#">elemento nuevo</a>');
            return false;
        });
    });
</script>
</head>
<body>
<a href="#" name="mivar1" class="mensajes">click</a>
</body>
</html>

con el evento live si porque le asigna el evento click a los nuevos

Código HTML:

<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script>
    $( function (){
        $("a").live('click', function(){
            $('a:last').after('<a href="#">elemento nuevo</a>');
            return false;
        });
    });
</script>
</head>
<body>
<a href="#" name="mivar1" class="mensajes">click</a>
</body>
</html>