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做的，因为你只是要求它。

Javascript表单 - 基于选择的不同电子邮件

1 个答案: