Foros del Web - Ver Mensaje Individual

chwc · #2 (**permalink**) 29/04/2012, 22:40

Código HTML:

Ver original<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Jquery Agregar campos</title>
<script type="text/javascript" src="jquery-1.6.4.min.js"></script>
<link href="style.css" rel="stylesheet" type="text/css" />
 
<script type="text/javascript"> 
emails=0; 
function agregar() { 
    emails=emails+1; 
    $("#campos").append('<li class="email'+emails+'"> <input type="text" name="email['+emails+']" size="25" /> &nbsp;&nbsp;<a href="#" onclick="javascript:borrar('+emails+');">Borrar</a> </li>'); 
} 
function borrar(cual) { 
    $("li.email"+cual).remove(); 
    return false; 
} 
</script> 
</head>
<body>
 
    <form name="frm_multiple" method="post" action="procesar.php">
    <ul id="emails">
        <li>
        <input type="text" size="20" name="email[0]" /><a href="javascript:agregar();">Agregar</a>
        </li>
        <li id="campos"><!-- aqui se crean los CAMPOS --></li>
    </ul>
    
    <p align="center"><input type="submit" name="Send" value="Send" /></p>
    </form>
 
</body>
</html>

fijate asi