使用$ _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在諸如input / textarea或其他輸入字段之類的字段中填充，則只需向其中添加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