Estimados Foreros
Necesito su gran ayuda en el siguiente problema, tengo los campos que despliego con Jquery de forma dinamica, pero al salir ellos contienen la palabra "undefined" y necesito encontrar la manera de colocar nombres distintos o alguna leyenda en forma transparente algo como INGRESE FOLIO,
Espero puedan ayudarme.
Muchas Gracias
Código PHP:
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 + "' /> </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"> </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>