[SOLUCIONADO] Campo undefined

livication · #1 (**permalink**) 25/02/2013, 09:49

Estimados Foreros

Seria posible obtener su ayuda en el siguiente problema, ya que tengo el siguiente codigo que despliega campos con Jquery, pero al hacerlo cada campo contiene UNDEFINED, pero necesito darle alguna leyenda como ingrese folio, etc

Muchas Gracias de antemano

Código HTML:

Ver original<script type="text/javascript" language="javascript"> 
var i = 1;
    function agregar() 
    {   
        // haremos que el nuevo elemento conserve el valor que ya escribió
        var valor = $("#dato").val();
        
        // agrega un elemento a la lista
        $("<li><input id='x' name='campo" +i+ "' type='text' class='loginbox1' size='30' value='" + valor + "' /><input id='y' name='campo1" +i+ "' type='text' class='loginbox2' size='4' value='" + valor + "' /><input id='z' name='campo2" +i+ "' type='text' class='loginbox3' size='4' value='" + valor + "' />&nbsp;</li>").append(
            $('<a href="#">Borrar</a>').click(function(){ $(this).parent().remove(); i--;j=i;j--;$("#cont-oculto").val(j);})
            ).insertBefore("#datos > li:last");
        // limpia el campo de texto y devuélvele el foco
        $("#cont-oculto").val(i);
        i++;
        $("#dato").val("").focus();
    } 
</script> 
 
</head>
<body>
 
</table>
 
<table width="760" height="0" border="0" align="center" cellpadding="0" cellspacing="0"  cols="0" hspace="0" vspace="0" >
  
  <!--DWLayoutTable-->
  <tr>
    <td height="90" background="imag/top.png">&nbsp;</td>
  </tr>
          <tr>
                  <td>
                  <div id="select" class="borde">
                        <table width="100%" class="text" border="0" cellpadding="0" cellspacing="0" scope="col">
                            <!--DWLayoutTable-->
                            
                               <td width="442" height="20" align="right" valign="middle">
                                
                                <form name="formulario" method="post" action="buscador.php" >
                                <ul id="datos">
                                    <a href="javascript:agregar();" align="right">Agregar Campo de Entrada</a>
                                
                                    <li id="campos"></li>
                                </ul>
                                    <input type="hidden" id="cont-oculto" name="cont-oculto" />
                                    <input type="submit" name="buscar" value="BUSCAR" align="absmiddle" />
                                </form>       
                               </td>
                            </tr>
                        </table>
                    </div>  
                    </td>
          </tr>
</table>

emprear · #2 (**permalink**) 25/02/2013, 11:09

Vos estás haciendo esto

Código:

var valor = $("#dato").val();

lo que para jQuery supone que existe un campo de id="dato", pero como en tu html no existe dicho campo con ese id, te arroja el undefined

Probá por ejemplo con

Código:

var valor = 'completar';

Y vas a ver que pasa
De la misma manera hacia el final hacés
$("#dato").val("").focus();
para un elemento que repito, no existe
Saludos

livication · #3 (**permalink**) 25/02/2013, 12:16

Cita:

Iniciado por emprear

vos estás haciendo esto

Código:

var valor = $("#dato").val();

lo que para jquery supone que existe un campo de id="dato", pero como en tu html no existe dicho campo con ese id, te arroja el undefined

probá por ejemplo con

Código:

var valor = 'completar';

y vas a ver que pasa
de la misma manera hacia el final hacés
$("#dato").val("").focus();
para un elemento que repito, no existe
saludos

muchas gracias !!!