No consigo acceder a elementos formulario creado al vuelo.

[LoBo2024]

Hola, necesito crear elementos dentro de un formulario al vuelo y luego tener acceso a esos datos, el formulario se crea bien, pero luego cuando intento acceder a esos datos para ver que valor tienen, me dice que el campo es undefined, os paso el código para que quede más claro:

creando el campo:

Código:

caja.append('<label>Tamaño:</label>
<select name="tamano_stand_'+a+'" id="tamano_stand_'+a+'">
<option value="">Selecciona un tamaño</option>
<?php foreach($qry_tamanos_stand as $row_tamanos_stand){?>
<option value="<?php echo $row_tamanos_stand['tamano_stand'];?>"><?php echo $row_tamanos_stand['tamano_stand'];?></option><?php }?>
</select><br>');

Y aquí cuando intento acceder al valor de dicho campo:

Código:

alert($('#tamano_stand_'+a).val());

Me devuelve siempre undefined :/ alguien sabe que es lo que está mal?

Muchísimas gracias por adelantado.

[raul_romero]

Yo creo que debe ser el ambito donde haz declarado la variable.

Debería funcionar así:

Código Javascript:

<script>
//Inicia la variable 'a' antes que cualquier código
var a = 0;
//Incluso antes de $(document).ready...
$(document).ready(function(){
    ...
});
</script>
 

[LoBo2024]

Lo he probado pero ha seguido sin funcionar, estoy mirando y lo que pasa es que no le llega la variable a una función, pongo de nuevo el código más explicito para que quede algo más claro:

Código:

                    for (a = 1;a <= total;a++){
                        //Añadimos número de stand
                        caja.append('<label>Número Stand:</label><input type="text" name="num_stand_'+a+'" id="num_stand_'+a+'"><br>');
                        caja.dialog({
                            autoOpen: false,
                            title: 'Posición '+('00' + a).slice (-3),
                            modal: true,
                            width: '640',
                            buttons: {
                                'Guardar': function () {
                                    alert('#num_stand_'+a);
                                    alert($('#num_stand_'+a).val());
                                    if($('#tamano_stand_'+a).val() != '' && $('#num_stand_'+a).val() != ''){alert('Correcto');}else{alert('Incorrecto');}
                                    $(this).dialog('close');
                                }
                            }
                        });
                    }

En la function la variable a siempre vale más de lo que se ha dibujado y por eso jamas lo encuentra. Creo que aquí está mejor explicado y se ve más claro el fallo.