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

Question

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

例如，如果我们有 5 名教师和 5 个科目，则几率为 5x5=25 页。

例如:选择老师:..A...，选择类(class):..X.....，Go = 重定向到页面“AX”
例如:选择老师:..B...，选择类(class):..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>