Pregunta:
Fecha: 20-05-2016 08:57:38
(En Español)
Ayuda para hacer envío y recepción de datos en la misma página con PHP[Resuelta]
<html>
<head>
<title>Me llamo a mi mismo...</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script>
function imprimir(nombre, empresa, telefono) {
console.log(nombre + ' ' + empresa + ' ' + telefono)
}
</script>
</head>
<body>
<form action="todoaqui.php" method="post">
Nombre: <input type="text" id="nombre" size="30">
<br>
Empresa: <input type="text" id="empresa" size="30">
<br>
Telefono: <input type="text" id="telefono" size=14 value="+34 " >
<br>
<button type="button" onclick="imprimir($('?#?nombre?').val(), $('?#?empresa?').val(), $('?#?telefono?').val())" >enviar</button>
</form>
</body>
</html>
Votos: 1 -
Respuestas: 2 -
Vistas: 12
Compartir en: Google
Facebook
Twitter
LinkedIn
Link
Respuestas:
-
Fecha: 20-05-2016 13:04:08 espero que te sirva , prueba y comentas
saludos
<html> <head> <title>Me llamo a mi mismo...</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> <script> function imprimir() { var nombre = $("#nombre").val(), empresa = $("#empresa").val(), telefono = $("#telefono").val(); console.log(nombre + ' ' + empresa + ' ' + telefono) } </script> </head> <body> <form action="todoaqui.php" method="post"> Nombre: <input type="text" id="nombre" size="30"> <br> Empresa: <input type="text" id="empresa" size="30"> <br> Telefono: <input type="text" id="telefono" size=14 value="+34 " > <br> <button type="button" onclick="imprimir()" >enviar</button> </form> </body> </html>Votos: 5 - Link respuesta -
Fecha: 29-05-2016 12:59:26 Buenas tardes, esto, creo, que es una mezcla de cosas. Funciona pero creo que es eso.
Al llamar al evento onclick del botón (button) no es necesario cargar la librería jQuery, se puede hacer solo con javascript
Otra cosa, tampoco es necesario encerrar los elementos input dentro de un form. En este caso no se nota porque el tipo de button es, justamente button. Cambialo por submit y fijate que es lo que hace
Ejemplo con javascript
<html> <head> <title>Me llamo a mi mismo...</title> <script> function imprimir() { var nombre = document.getElementById("nombre").value; var empresa = document.getElementById("empresa").value; var telefono = document.getElementById("telefono").value; console.log(nombre + ' ' + empresa + ' ' + telefono) } </script> </head> <body> Nombre: <input type="text" id="nombre" size="30"> <br> Empresa: <input type="text" id="empresa" size="30"> <br> Telefono: <input type="text" id="telefono" size=14 value="+34 " > <br> <button type="button" onclick="imprimir()" >enviar</button> </body> </html>
Ahora, si querés utilizar jQuery, yo haría algunas cosas diferentes
<html> <head> <title>Me llamo a mi mismo...</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> <script> jQuery(document).ready(function(){ jQuery('#enviar').on('click', function(){ imprimir(); }); }); function imprimir() { var nombre = jQuery("#nombre").val(), empresa = jQuery("#empresa").val(), telefono = jQuery("#telefono").val(); console.log(nombre + ' ' + empresa + ' ' + telefono) } </script> </head> <body> Nombre: <input type="text" id="nombre" size="30"> <br> Empresa: <input type="text" id="empresa" size="30"> <br> Telefono: <input type="text" id="telefono" size=14 value="+34 " > <br> <button type="button" id="enviar" >enviar</button> </body> </html>
Con jQuery, no es necesario llamar al evento onclick del botón, tomás ese evento desde jQuery, directamente.
Un aporte más, creo que siempre suma diferentes formas de hacer las cosas
Saludos
DIEGO Votos: 1 - Link respuesta
Para participar activamente de la comunidad primero debes autenticarte, ingresa al sistema.Iniciar Sesión
