デュアルドロップダウンリストボックスページリダイレクトphp wordpress

Question

ユーザーが2つのドロップダウンリストから選択するページを作成しようと考えていましたが、その選択に基づいてリダイレクトする "Go"ボタンをクリックしました。

たとえば、5人の教師と5人の被験者がある場合、その確率は5x5 = 25ページになります。

例：教師を選択：..A ...、クラスを選択：..X ..... Go =ページ「AX」にリダイレクト
例：先生を選択：..B ...、クラスを選択してください：..Y ......、Go =ページ「AY」にリダイレクト

選択項目をリストする方法と入力を呼び出す方法アクションとリダイレクト？これは、WordPressのページの1つ（テキストセクション）に入力され、ハイパーリンク/他のページにアンカータグされます。

迅速な試み：
は

<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>