javascript - 如何设置选择选项来更改表单操作

Question

我正在尝试进行下拉选择，更改表单操作，这将在提交时将用户带到不同的链接。

我已经尝试了我认为应该有效的方法，但未能成功，任何有关我在这里做错的事情的帮助将不胜感激。

js

$("#time-select").change(function() {

  if (document.getElementById("time-select").value != "WEEK")
  { 
    document.getElementById("subs-form").setAttribute("action", "A");
  }

  else (document.getElementById("time-select").value != "FORTNIGHT")
  { 
    document.getElementById("subs-form").setAttribute("action", "B" );
  }

  else (document.getElementById("time-select").value != "MONTH")
  { 
    document.getElementById("subs-form").setAttribute("action", "C" );
  }

}

html

<div class="wrapper">                              
 <form name="linkForm" id="subs-form" action="" method="GET" >

   <select id="time-select" >
    <option value="WEEK" selected>1 BAG A WEEK</option>
    <option value="FORTNIGHT">1 BAG A FORTNIGHT</option>
    <option value="MONTH">1 BAG A MONTH</option>
   </select>

    <input id="subs-submit" type="submit" value="Subscibe">

 </form>
</div>

Answer 1

尽可能保持代码简洁(例如使用 jQuery 选择器)，请参阅此示例:

$("#time-select").change(function() {
  var value = $(this).val(),
      action = null;

  switch(value) {
    case "WEEK":
      action = "A"
      break;
    case "FORTNIGHT":
      action = "B"
      break;
    case "MONTH":
      action = "A"
      break;
  }

  $("#subs-form").attr("action", action);
}