Foros del Web - Ver Mensaje Individual

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>