单击提交按钮时旋转链接

【问题标题】：Rotating links when submit button is clicked单击提交按钮时旋转链接
【发布时间】：2016-01-21 01:17:14
【问题描述】：

我想知道是否有办法让表单中的提交按钮在每次单击时重定向到不同的链接，具体取决于用户选择的内容。例如：我的表单将包含姓名、电子邮件以及您是如何通过下拉众多选项和一个提交按钮了解我们的。因此，如果该人选择了选项 1，那么一旦单击提交按钮，它将重定向到链接 1。当另一个人来并选择选项 1 时，它也会重定向到链接 2。当另一个人来并再次选择选项 1 时，它将重定向链接 1 等等。这对于下拉列表中的所有选项都必须是可能的，并且将记录电子邮件地址以供我稍后查看。这可能吗？抱歉，我是新手。

【问题讨论】：

标签： html forms hyperlink rotation submit-button

【解决方案1】：

你可以这样做

HTML

<form action="./hi_friend.php" method="post"  id="countForm">
<select name="selList" id="selList">
  <option value="1">First</option>
  <option value="2">Second</option>
  <option value="3">Last</option>
</select>
<input type="submit" value="submit">
</form>

$('#countForm').submit(function(){
  var $form = $("#countForm");

  if($("#selList").val() == "1")
    $form.action = "./first_result.php";
  else if($("#selList").val() == "2")
    $form.action = "./second_result.php";
  else if($("#selList").val() == "3")
    $form.action = "./last_result.php";

  alert("submit to " + $form.action);
  return true;
});

Working fiddle

【讨论】：

对不起，我是新手。我应该把这段代码放在哪里？
@kmoore1004 你需要jQuery。复制 1.x sn-p 代码并粘贴到 head 之间。并复制（和编辑）我的答案的 js 代码，粘贴到 <script> 和 </script> 之间。