如何将下拉列表和文本值传递给我的电子邮件?

时间:2012-11-04 11:56:55

标签: javascript html email

我有一个带有4个文本框的HTML页面,1个下拉菜单和1个按钮,任何人都知道如何通过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>

1 个答案:

答案 0 :(得分:0)

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

但是,您可以动态创建mailto:链接,以便浏览器可以打开用户的默认邮件申请表,然后发送给他们。