双下拉列表框页面重定向php wordpress

Question

我想创建一个页面，用户可以从两个下拉列表中选择，并根据他的选择点击“转到”按钮重定向。

例如，如果我们有5位老师和5个科目，赔率将为5x5 = 25页。

eg：Select teacher：..A ...，Select class：..X .....，Go = Redirected to page“AX”
eg：Select teacher：..B ...，选择类：..Y ......，Go =重定向到页面“AY”

所以我想结合选择A + B，所以如何列出选择以及如何调用输入一个动作并重定向？它将被输入到一个wordpress页面（文本部分）中，并将超链接/锚定到其他页面。

快速尝试：

<form action="page.php" method="POST" name="drop_list"><select name="Category" onchange="SelectSubCat();"> 
<option value="">Category A</option> 
<option value="">Option A</option> 
</select> 
<select id="SubCat" name="SubCat" onchange="SelectRedirect();"> 
<option value="">Category B</option> 
<option value="">Option B</option> 
</select> 

</form>&nbsp; 

Answer 1

你应该使用jQuery这一点。我添加了代码。

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $(document).on('click', '#btn', function() { 
      var website_url = 'your_website_url'; 
      var segment_1 = parseInt($('#ParentCat').val()); 
      var segment_2 = parseInt($('#SubCat').val()); 
      var total = segment_1 * segment_2; 
      window.location = website_url + '/' + total; 
     }); 
    }); 
</script> 

<form action="" method="POST" name="drop_list"> 
<select name="Category" id="ParentCat"> 
<option value="">Category A</option> 
<option value="">Option A</option> 
</select> 
<select id="SubCat" name="SubCat"> 
<option value="">Category B</option> 
<option value="">Option B</option> 
</select> 
<input type="button" id="btn" value="Go"> 
</form>