使用按钮包装表格并发送电子邮件答案

【问题标题】：Wrap Table and sent e-mail with a Button使用按钮包装表格并发送电子邮件
【发布时间】：2018-08-19 05:50:38
【问题描述】：

是否可以通过一个 JavaScript 函数和一个按钮向已打印的 html 表格发送电子邮件？

<table id="mytable">
</table>

【问题讨论】：

你必须连接到你不能（通常）在 JS 中做的 SMTP 服务器（并且用户可以看到你的登录名和密码）。尝试使用一些服务器端脚本来执行此操作。见php.net/mail
是 PHP 的服务器端，但如何将表格包装到 $msg 变量中？我认为这是正确的问题...
document.getElementById("mytable").innerHTML 在<table> 中为您提供HTML，document.getElementById("mytable").outerHTML 为您提供包含<table> 标签的HTML。然后将其发送到服务器（XHR，表单，...）。请记住，用户可以很容易地修改它以发送您不想要的 HTML，因此重新编码到其他格式会更好。
谢谢 jiwopene 它可以工作，我用表格发送它......这不是很好的做法，因为 css 样式，但我有这么多不同的表，我现在不能重新编码我的所有网站...
您可以使用<style> 标签在您的电子邮件中包含样式。示例：<style>/*Your CSS*/</style>。在消息中，仅使用最少的样式，而不是网页中的完整样式表。

标签： javascript html-table html-email

【解决方案1】：

我做了一个 PHP 函数，我调用了所有需要发送结果的软件。

电话

<?php SendEmailForm("MyIdElementToSend"); ?>

和功能

function SendEmailForm ($MyIdElementToSend){
?>
<form id="EMailForm" action="SendMail.php?SendMail=true" method="post">
    <div class="form-group">
        <div class="row">
            <div class="hide">
                <input id="msg" type="text" class="form-control" name="msg" value="" />
            </div>
            <div>
                <button id="sub" type="submit" class="btn btn-primary"><i class="fa fa-envelope" aria-hidden="true"></i> Send</button>
            </div>
        </div>
    </div>
</form>
<script>
    document.getElementById("msg").value = document.getElementById("<?php echo $MyIdElementToSend ?>").outerHTML;
</script>

【讨论】：