javascript - wp_dropdown_categories - 将类别 ID 传递给 javascript

Question

只是为了假装这一点。我有一个带有下拉列表的页面，其中显示了我的自定义分类法。选择某个项目时，我希望页面加载该分类中帖子的 the_content。

到目前为止，我已经从所有内容中加载了 the_content，但是我似乎在下拉菜单中遇到了困难。

在此页面模板上，我有一个使用 wp_dropdown_categories 的下拉列表:

                 <?php 
                 $args = array(
                    'taxonomy' => 'company',
                    'hide_empty'         => 0,
                    'orderby'            => 'NAME', 
                    'class' => 'chosen-select'
                 );

                 wp_dropdown_categories( $args ); ?> 

这列出了我的自定义分类中的所有类别，它们在 HTML 中列出为:

<option class="level-0" value="7">Customer ABC</option>

我还有一些 JQuery，目前它会在下拉列表更改时提醒我:

    $(".chosen-select").change(function () {
        alert("Hello");
    });

我想要做的是重新加载页面，以便我的 PHP 可以从自定义分类中获取类别 ID 并将其加载到我的循环中。 PHP 是简单的部分，但是我已经有一段时间没有做过任何 Javascript 了，而且我似乎有点精神障碍。

我知道我需要使用

    $(".chosen-select").change(function(value) {
        window.location('?catid=' + value);
    });

重新加载页面，但是我一生都无法弄清楚如何从 Wordpress 的下拉列表中获取类别 ID 并将其传递给我的函数。有什么指点吗？

Answer 1

你需要的是获取当前元素的值。您可以使用 $(this) 选择当前元素，然后使用 .val() 获取其值。

请参阅下面修改后的代码:

$(".chosen-select").change(function(value) {
    window.location = window.location.origin + window.location.pathname + '?catid=' + $(this).val();
});

参见jQuery val和 jQuery Object .

更新:修改了上面的代码，利用origin和pathname来获取免查询的URL，以避免重复和冲突。