php - 传递 WordPress 类别下拉列表中的选定值

Question

我有一个自定义分类法，并且在存档页面中添加了一个类别下拉列表，以允许用户在类别之间快速切换。我有以下代码，可将用户重定向到他们选择的新类别。但是，下拉列表始终默认为 <select> 中的第一个选项。 。我怎样才能通过选定的<option>通过并将其设置为用户切换类别时的默认值？

<?php
$args = array(
  'taxonomy'     => 'custom_taxonomy',
  'orderby'      => 'name',
  'show_count'   => 1,
  'hierarchical' => 1,
  'title_li'     => 'title'
);

<form id="categoriesform" action="<?php bloginfo('url'); ?>" method="post">
    <div>
        <?php $cats = get_categories($args); ?>
        <select id="categories" name="custom_taxonomy">
            <option value="allCategories">All Categories</option>
            <?php foreach ($cats as $cat) : ?>
                <option value="<?php echo get_term_link($cat, $cat->taxonomy) ?>">
                <?php echo $cat->name ?></option>
            <?php endforeach; ?>
        </select>
    </div>
</form>
<script>
jQuery(document).ready(function() {
    jQuery('#categories').change(function() {
        if (jQuery(this).val() == 'allCategories') {
            window.location = 'http://example.com/all-categories';
        } else {
            window.location = jQuery(this).val();
        }
    });
});
</script>

Answer 1

首先，您需要通过 get_queried_object()->term_id; 获取当前类别 ID，然后检查并添加所选选项。

<?php
 $current=get_queried_object()->term_id;
$args = array(
 'taxonomy'     => 'custom_taxonomy',
 'orderby'      => 'name',
 'show_count'   => 1,
 'hierarchical' => 1,
 'title_li'     => 'title'
);

<form id="categoriesform" action="<?php bloginfo('url'); ?>" method="post">
<div>
    <?php $cats = get_categories($args); ?>
    <select id="categories" name="custom_taxonomy">
        <option value="allCategories">All Categories</option>
        <?php foreach ($cats as $cat) : ?>
            <option <?php echo ($current == $cat->term_id ? 'selected' : ''); ?> value="<?php echo get_term_link($cat, $cat->taxonomy) ?>">
            <?php echo $cat->name ?></option>
        <?php endforeach; ?>
    </select>
</div>
</form>
<script>
jQuery(document).ready(function() {
   jQuery('#categories').change(function() {
    if (jQuery(this).val() == 'allCategories') {
        window.location = 'http://example.com/all-categories';
    } else {
        window.location = jQuery(this).val();
    }
});
});
</script>