javascript - 如何将下拉菜单和文本值传递到我的电子邮件？

Question

我有一个带有 4 个文本框、1 个下拉菜单和 1 个按钮的 HTML 页面，有谁知道我如何通过 javascript 将这些值发送到我的电子邮件，以便当您单击 verstuur(发送)时，您将收到一条 javascript 通知消息with(消息发送或请检查所有字段并重试。)

<form action="javascript:;" method="post" id="contact_form">
    <div class="row">
        <p>
            <label>Volledige Naam</label>
            <input type="text" name="name" class="text_field" />
        </p>
        <p>
            <label>E-mailadres</label>
            <input type="text" name="email" class="text_field" />
        </p>
    </div>
    <div class="row">
        <p>
            <label>Telefoonnummer</label>
            <input type="text" name="phone" class="text_field" />
        </p>
        <p>
            <label>Onderwerp</label>
                <select class="text_field" name="subject">
                <option>Selecteer een onderwerp</option>
                 <option value="afspraak">Afspraak Maken</option>
                 <option value="informatie">Informatie Opvragen</option>
                 <option value="klacht">Klacht</option>
                 <option value="overig">Overig</option>
            </select>
        </p>
    </div>
    <p>
        <label>Bericht</label>
        <textarea class="text_field" rows="10" cols="10" name="message"></textarea>
    </p>
    <input type="submit" class="button" value="Verstuur" />
</form>

Answer 1

您不能直接从 JavaScript 发送电子邮件。您需要使用某种服务器端技术(例如:PHP)来执行此操作。您可以通过 JS 向该脚本发出 AJAX 请求并发送您的邮件。

然而，您可以动态创建一个 mailto: 链接，以便浏览器可以打开用户的默认邮件申请表，他可以将其发送到那里。