使用$ _POST获取一些内容并通过电子邮件发送

Question

我在表单中有一个Javascript计算器，该计算器根据表单中填充的一些值计算一些简单的数学公式，并在具有不同ID的html标记中显示一些结果。

单击“提交”按钮时，将发送一封电子邮件，其中包含已填入输入字段和计算结果的数据。

我对标准表单字段（输入，选择）没有问题，但对计算值没有问题。这些值在带有ID的html标记中，我试图发布这些ID，但一无所获。

我如何通过POST读取并发送一些文本和值，这些文本和值通过javascript即时修改并发送到邮件功能？

Answer 1

您有3个选择

1。使用JS执行请求。例如，在jQuery中，您可以这样做：

$.post('/your-url', {some_value: $('#your-field-id').val()}, function (data) {
    // some code after submitting
});

2。添加一些具有适当名称的隐藏字段，并用JS填充它们。

问题是，当您提交表单时，仅发送带有name的输入。

$('#hidden_field_with_name').val($('#your-id').val());

3。如果JS在输入/文本区域或其他输入字段等字段中填充了这些值，则只需向其中添加name属性，然后在服务器端获取它即可。

您可以在此处了解有关提交表单的更多信息：https://www.w3schools.com/html/html_forms.asp

Answer 2

如果您已经知道所需元素的ID，则只需使用getElementById即可获取其中的内容。例如：

var someText = document.getElementById('yourElementId').text

，并且根据您的需要，可以使用.text或.innerHTML

var someHtml = document.getElementById('yourElementId').innerHTML