jquery - 多选选项重定向

Question

我是 Jquery 的新手并且遇到了一些问题：我有三个带有多个选项的选择下拉菜单，我希望它们根据所做的选择重定向到多个页面。例如：

如果选择选项 1 = A 并选择选项 2 = B 重定向 = Page 1B

相似地

如果选择选项 1 = A 并选择选项 2 = C 重定向 = Page 1C

标签： jqueryredirectselect

Answer 1

感谢大卫的帮助。这有效：

  $(document).ready(function() {
	var selectVal1 = $("#selectBox1").val();
	var selectVal2 = $("#selectBox2").val();
	$("#selectBox1").change(function() {
            selectVal1 = $("#selectBox1 option:selected").val();
    });
	$("#selectBox2").change(function() {
            selectVal2 = $("#selectBox2 option:selected").val();
    });
	
	$("#click").click(function() {
	
	if(selectVal1 == 'A' && selectVal2 == 'A'){
		
		location = "https://www.google.com/";    
}
	else if(selectVal1 == 'A' && selectVal2 == 'B'){
		
		location = "https://www.yahoo.com/";
    
}
});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="selectBox1">
  <option value="">Where are you located?</option>
  <option value="A">Option A</option>
  <option value="B">Option B</option>
</select>
<select id="selectBox2">
  <option value="">What is your Need?</option>
  <option value="A">Option A</option>
  <option value="B">Option B</option>
</select>
<input id="click" type="button" value="submit">