Javascript 如何设置选择选项以更改表单操作

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

我尝试了我认为应该有效的方法，但没有成功，如果我在这里做错了什么，我将不胜感激

js

html

---

使用例如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);
}

---

使用例如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);
}

---

使用例如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);
}

---

使用例如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);
}

---

你为什么用！=？只需使用$this.valBTW即可代替document.getElementByIdtime-select.value，而不必再次搜索select元素，您可以从event.target重新使用它：$time-select.changefunction event{if event.target.value==WEEK{/*…*/}@feeela，这个值怎么样？？？试试这个：如果在第二次条件检查中，您错过了其他项。为什么要使用！=？只需使用$this.valBTW即可代替document.getElementByIdtime-select.value，而不必再次搜索select元素，您可以从event.target重新使用它：$time-select.changefunction event{if event.target.value==WEEK{/*…*/}@feeela，这个值怎么样？？？试试这个：如果在第二次条件检查中，您错过了其他项。为什么要使用！=？只需使用$this.valBTW即可代替document.getElementByIdtime-select.value，而不必再次搜索select元素，您可以从event.target重新使用它：$time-select.changefunction event{if event.target.value==WEEK{/*…*/}@feeela，这个值怎么样？？？试试这个：如果在第二次条件检查中，您错过了其他项。为什么要使用！=？只需使用$this.valBTW即可代替document.getElementByIdtime-select.value，而不必再次搜索select元素，您可以从event.target重新使用它：$time-select.changefunction event{if event.target.value==WEEK{/*…*/}@费埃拉，这个值怎么样？试试这个：如果在第二次条件检查中，你错过了其他的。

    $("#time-select").on('change', function() {
        var value = $(this).val();
        if (value !== "WEEK")
           document.getElementById("subs-form").setAttribute("action", "A");
        else if (value !== "FORTNIGHT") 
           document.getElementById("subs-form").setAttribute("action", "B" )
        else if (value !== "MONTH")
           document.getElementById("subs-form").setAttribute("action", "C" ); 
});