雙下拉列表框頁面重定向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>