时间戳

首页 > 解决方案 > 通过复选框选择多个类别，并显示属于这些类别的文章

wordpress - 通过复选框选择多个类别，并显示属于这些类别的文章

问题描述

我可以在堆栈溢出的人的大力帮助下准备这段代码。

HTML 代码

<form class="cat-search" action="<?php bloginfo('url'); ?>">
    <input type="checkbox" value="SlugA" id="cat0" class="cats2"/><label for="cat0">Category1</label>
    <input type="checkbox" value="SlugB" id="cat1" class="cats2"/><label for="cat1">Category2</label>
    <input type="checkbox" value="SlugC" id="cat2" class="cats2"/><label for="cat2">Category3</label>
    <input type="checkbox" value="SlugD" id="cat3" class="cats2"/><label for="cat3">Category4</label>
    <input type="checkbox" value="SlugE" id="cat4" class="cats2"/><label for="cat4">Category5</label>
    <input type="hidden" id="cat2" name="category" />
    <input type="submit" class="cat-search" value="search" />
</form>

jQuery

<script>
$(function(){
$('body').on('click', '.cats2', function() {
    var cats = $('.cats2:checked').map( function() {
        return this.value;
    }).get().join("+");
    $('#cat2').val( cats );
});
});
</script>

结果，当我选择 Category1 和 Category2 时，我有这样的 URL

我的域名/?category=SlugA%2bSlugB

"%2" implies "+" in above case.

现在，我想将上面的 URL 更改为下面的一个，以显示属于 Category1 和 Category2 的所有文章。

我的域名/类别/slugA+slugB

是否可以像这样更改网址？

标签： wordpress

解决方案

我可以通过搜索和过滤插件解决上述问题。谢谢你。

推荐阅读