Tema: varios forms mismo js
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 04/02/2012, 19:44
Avatar de chicohot20
chicohot20
 
Fecha de Ingreso: mayo-2009
Mensajes: 388
Antigüedad: 15 años
Puntos: 43
Respuesta: varios forms mismo js
Código HTML: 
Ver original
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <title>Hola</title>
  5. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
  6. <script type="text/javascript">
  7. $(function(){
  8.     $("#new").click(function(){ newform() });
  9.     $("#mascota form").submit(function(){
  10.         alert($(this).serialize());
  11.         return false;
  12.     })
  13. })
  14. function newform() {
  15.     var div = document.createElement("div");
  16.     div.innerHTML = document.getElementById("mascota").innerHTML;
  17.     document.getElementById("new_mascota").appendChild(div);
  18.     $("form",div).submit(function(){
  19.         alert($(this).serialize());
  20.         return false;
  21.     })
  22. }
  23. </script>
  24. <style>
  25. form{border: 1px solid #555; width: 300px; padding: 8px;}
  26. #mascota{padding: 8px; background: #DDD;}
  27. #new_mascota{padding: 8px; background: #AAA;}
  28. h4{margin: 0px;}
  29. </style>
  30. </head> 
  31. <body>
  32. <button id="new">New Form</button>
  33. <div id="mascota">
  34.     <h4>Mascota</h4>
  35.     <form action=""><input type="text" name="text"/><input type="submit" value="Enviar"/></form>
  36. </div>
  37. <div id="new_mascota">
  38.     <h4>New Mascota</h4>
  39. </div>
  40. </div>
  41. </body>
  42. </html>