Javascript形式-不同的电子邮件基于选择

Javascript form - different email based on choice

本文关键字：于选择 选择 电子邮件 形式 Javascript      更新时间：2023-09-26

我使用的是带有服务器端处理器的javascript表单，我希望能够让表单根据下拉菜单转到不同的电子邮件。我已经根据其他表格尽我所能了，但我似乎无法通过电子邮件。我已经在电子邮件地址的选项标签下添加了选项，并将值从整体表单电子邮件更改为"mailTo"()我很确定这就是问题所在，但我不知道如何修复它。

<form action="http://www.testsite.com/cgi-sys/formmail.pl" method="post" name="hgmailer">
<input type="hidden" name="recipient" value="mailTo">
<input type="hidden" name="subject" value="Website Consult Request">
<table width="100%" border="0" cellspacing="10px" cellpadding="10px">
  <tbody>
    <tr>
      <td>Nearest Location*</td>
      <td><select id="mailTo" name"mailTo">
      	<option value="option1@testsite.com">Option1</option>
      	<option value="option2@testsite.com">Option2</option>
      	<option value="option3@testsite.com">Option3</option>
      	<option value="option4@testsite.com">Option 4</option>
      	</select></td>
</tr>
  </tbody>
</table><p>&nbsp;</p>
<input type="button" value="Schedule a Consultation" onclick="hgsubmit();" class="button">
<input type="hidden" name="redirect" value="thankyou.html">
</form>

EDIT -我的最终代码没有保存先前的

你可以做的是添加一个javascript函数来改变"收件人"的值为选定的电子邮件，如…

function changeVal() {
var selectedVal = document.getElementById("mailTo").value;
document.getElementById("recipient").value = selectedVal;
var test = document.getElementById("recipient").value;
//alert(test);
  
}
<form action="http://www.testsite.com/cgi-sys/formmail.pl" method="post" name="hgmailer">
    <input type="hidden" name="recipient" id="recipient" value="mailTo">
    <input type="hidden" name="subject" value="Website Consult Request">
    <table width="100%" border="0" cellspacing="10px" cellpadding="10px">
      <tbody>
        <tr>
          <td>Nearest Location*</td>
          <td><select id="mailTo" name"mailTo" onchange="changeVal()">
          	<option value="option1@testsite.com">Option1</option>
          	<option value="option2@testsite.com">Option2</option>
          	<option value="option3@testsite.com">Option3</option>
          	<option value="option4@testsite.com">Option 4</option>
    
          	</select></td>
    </tr>
      </tbody>
    </table><p>&nbsp;</p>
    <input type="button" value="Schedule a Consultation" onclick="hgsubmit();" class="button">
    <input type="hidden" name="redirect" value="thankyou.html">
    </form>

…我添加了一个警告，如果您想要测试，可以注释掉。而且我是用javascript而不是Jquery做的

相关文章：