如何使用mandrill通过电子邮件发送表格信息

Question

我创建了一个具有多个字段的表单的网站，并且我试图让按钮实际上向我发送输入的信息。我一直在努力学习代码学院的Mandrill API，但我可能会接受其他完成相同任务的方法。这是我到目前为止有：

<div id="contactUs"> 
    <div class="container"> 

    <div class="row form-group"> 

     <div class="col-sm-6"> 
      <input class="form-control" id="email" placeholder="Your Email Address"> 
     </div><!-- end col-sm-6 --> 

     <div class="col-sm-6"> 
      <input class="form-control" id="organization" placeholder="Organization or Company Name"> 
     </div><!-- end col-sm-6 --> 

    </div><!-- end form-group --> 

    <div class="row form-group"> 

     <div class="col-sm-6"> 
      <input class="form-control" id="name" placeholder="Your Name"> 
     </div><!-- end col-sm-6 --> 

     <div class="col-sm-6"> 
      <input class="form-control" id="phone" placeholder="Phone Number"> 
     </div><!-- end col-sm-6 --> 

    </div><!-- end form-group --> 

    <div class="row form-group"> 

     <div class="col-sm-12"> 
      <button onclick="sendTheMail(); return false;" class="btn btn-default pull-right" id="alertMe">Contact Us</button> 
     </div><!-- end col-sm-6 --> 

    </div><!-- end form-group --> 
</div><!-- end container --> 
</div><!-- end contactUs --> 

而且JS ..

// create a variable for the API call parameters 
var params = { 
    "message": { 
     "from_email":"staticallyanyone@anywhere.net", 
     "to":[{"email":"myemail@hotmail.com"}], 
     "subject": "An Inquiry from your website", 
     "text": "Static text.. but how do i link the information entered in the fields to show up here?" 
    } 
}; 

function sendTheMail() { 
// Send the email! 

    m.messages.send(params); 
} 

必须有链接从田间地头到JS的信息的方式..即时通讯一个菜鸟还是..？任何提示，以获得更好的js ..请让我知道。

Answer 1

你可以通过它们的id获取元素并从元素中获取值。下面的代码应该可以工作。我相信Mandrill允许使用html消息，所以如果你想要的话，你可以在emailBody变量中修饰html以制作更有吸引力的邮件。

function sendTheMail() { 
var email = document.getElementById('email').value; 
var name = document.getElementById('name').value; 
var phone = document.getElementById('phone').value; 
var organization = document.getElementById('organization').value; 
var emailBody = "<b>Email: </b>" + email + "<br><b>Name: </b>" + name + "<br><b>Phone: </b>" + phone + "<br><b>Organization: </b>" + organization; 
var params = { 
"message": { 
    "from_email":"staticallyanyone@anywhere.net", 
    "to":[{"email":"myemail@hotmail.com"}], 
    "subject": "An Inquiry from your website", 
    "text": emailBody 
    } 
}; 
m.messages.send(params); 

}