单击提交按钮时旋转链接

时间:2016-01-21 01:17:15

标签: html forms hyperlink rotation submit-button

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

1 个答案:

答案 0 :(得分:0)

你可以这样做

<强> 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>

<强> JS

$('#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