Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

361
Views
Enviar un correo electrónico con el botón de envío de PHP/Javascript

Intentaré ser breve. Cuando un usuario selecciona elementos en una casilla de verificación, quiero que pueda presionar un botón de envío y enviará un correo electrónico con los ingredientes a una dirección de correo electrónico estática. Estoy tratando de almacenar los valores de las casillas de verificación en una matriz llamada finalOrder y tener esa matriz en el contenido del correo electrónico.

Soy bastante nuevo en ambos idiomas, ¿puedo usar el botón Enviar para llamar al código PHP? ¿El PHP está escrito correctamente? No estoy muy seguro de cómo hacer esto.

Esto es lo que tengo hasta ahora.

 <div> <input type="checkbox" name="foodType" data-name="Chicken Thighs"> <label for="chickenThighs">Chicken Thighs</label> <input type="checkbox" name="foodType" data-name="Chicken Breast"> <label for="chickenBreast">Chicken Breast</label> <input type="checkbox" name="foodType" data-name="Chicken Leg"> <label for="chickenLeg">Chicken Leg</label> </div> <div id='results'> </div> <script type="text/javascript"> var finalOrder = []; document.querySelectorAll('input[name=foodType]').forEach(elem => { elem.addEventListener('change', updateList); }); function buildList () { let list = '<ul>'; finalOrder.forEach(str => { list += "<li>" + str + '</li>'; }); list += '</ul>'; return list; } function updateList () { finalOrder = []; // Reset this array so that we can populate it with the new checkbox answers. document.querySelectorAll('input[name=foodType]').forEach(v => { if (v.checked) { finalOrder.push(v.dataset.name); } }); document.querySelector('#results').innerHTML = buildList(); } </script> <input type="submit" value="Submit"> <?php // the message $msg = finalOrder; // use wordwrap() if lines are longer than 70 characters $msg = wordwrap(finalOrder($msg,70)); // send email mail("my@email.com","New Order",$msg); ?>
about 4 years ago · Juan Pablo Isaza
1 answers
Answer question

0

Hay una cosa que falta hasta ahora.

  1. Etiquetas de formulario para ayudar a publicar los datos para que el servidor los procese mediante el lenguaje PHP, por lo que el archivo debe guardarse como un archivo PHP y HTML. En el fragmento lo guardé como thisFile.php.

También puede considerar el enfoque declarado por @jaaba

 <div> <form method="POST" action="thisFile.php"> <input type="checkbox" name="foodType" data-name="Chicken Thighs"> <label for="chickenThighs">Chicken Thighs</label> <input type="checkbox" name="foodType" data-name="Chicken Breast"> <label for="chickenBreast">Chicken Breast</label> <input type="checkbox" name="foodType" data-name="Chicken Leg"> <label for="chickenLeg">Chicken Leg</label> </div> <input type="submit" value="Submit"> </form> <div id='results'> </div> <script type="text/javascript"> var finalOrder = []; document.querySelectorAll('input[name=foodType]').forEach(elem => { elem.addEventListener('change', updateList); }); function buildList () { let list = '<ul>'; finalOrder.forEach(str => { list += "<li>" + str + '</li>'; }); list += '</ul>'; return list; } function updateList () { finalOrder = []; // Reset this array so that we can populate it with the new checkbox answers. document.querySelectorAll('input[name=foodType]').forEach(v => { if (v.checked) { finalOrder.push(v.dataset.name); } }); document.querySelector('#results').innerHTML = buildList(); } </script> <?php // the message $msg = finalOrder; // use wordwrap() if lines are longer than 70 characters $msg = wordwrap(finalOrder($msg,70)); // send email mail("my@email.com","New Order",$msg); ?>

about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!