Javascript 形式 - 根据选择不同的电子邮件

Question

我正在使用带有服务器端处理器的 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>

Answer 1

编辑 - 我的最终代码之前未保存

您可以做的是添加一个 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 来完成此操作，因为您只是要求这样做。