Hola, decir por demás que soy nuevo en Javascript (conocimientos básicos)
Me surge una inquietud y no se por dónde comenzar... a ver!
Tengo este código que funciona perfectamente
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Jefferson Jimenez</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel='stylesheet prefetch' href='http://s.cdpn.io/3/bootstrap.min.css'> </head> <body> <section class="container"> <h2>Tabla Filtrar</h2> <input type="button" onClick="filtraCantidad();" value="filtra"> <input type='button' id="btnImpr" onclick='window.print();' value='Imprimir' /> <table name="datos" class="order-table table"> <thead> <tr> <th>Name</th> <th>Email</th> <th>Phone</th> <th>Price</th> </tr> </thead> <tbody id="datos"> <tr> <td>John Doe</td> <td>[email protected]</td> <td>0123456789</td> <td>99</td> <td><input type="text" name="Cantidad" id="Cant1" value=""></td> </tr> <tr> <td>Jane Vanda</td> <td>[email protected]</td> <td>9876543210</td> <td>349</td> <td><input type="text" name="Cantidad" id="Cant2" value=""></td> </tr> <tr> <td>Alferd Penyworth</td> <td>[email protected]</td> <td>6754328901</td> <td>199</td> <td><input type="text" name="Cantidad" id="Cant3" value=""></td> </tr> <tr> <td>Jefferson</td> <td>[email protected]</td> <td>041456545454</td> <td>125</td> <td><input type="text" name="Cantidad" id="Cant4" value=""></td> </tr> </tbody> </table> </section> <script> function filtraCantidad() { // la var para recorrer la tabla var tableReg = document.getElementById('datos'); // la var para pasar el input donde deseo hacer match var x = document.getElementsByName("Cantidad"); for(var i = 0; i < x.length; i++) { // Recorremos todas las celdas // Comparo sea tipo input text if (x[i].type == "text") { console.log(x[i].value); // Verifico el valor del input if (x[i].value == null || x[i].value.length == 0 || x[i].value=="" || /^\s*$/.test(x[i].value)) { // Si esta vacio oculto el display console.log(i); tableReg.rows[i].style.display = 'none'; } else { // caso contrario lo hago visible tableReg.rows[i].style.display = ''; } } } } </script> </body> </html>
Lo que deseo, me explico:
1) Si coloco xx
cantidad en cualquier <td>
y pulso el boton filtrar (bien)
2) Si pulso el botón "Imprimir", imprime solo los <td>
que recoje de la función filtrar (bien)
El problema
Cómo hago para poder enviar esos datos por email embebidos en el cuerpo del mensaje usando PHP (demás decir que enviar email por PHP se hacerlo). Lo que no se "ni idea" es cómo recojer los datos filtrados (tal y como lo hace el boton imprimir).
Con esta función de jQuery explica un poco el procedimiento, pero no estoy seguro de poder implementar.
¡Necesito un poco de luces para poder encaminarme, por favor!