javascript - 我需要这个下拉 php 代码来将人们重定向到 WordPress 中的特定分类法

Question

我将添加到 cart.php 按钮更改为我编写的这段代码，但它不起作用我需要一个没有提交按钮的下拉菜单，让人们从我的分类标签中搜索壁橱库:

代码

<?php
if ( is_front_page() ) {

    ?>
    <div class="chosir_mon_livre_home">
        <div class="col-md-5  chosir_mon_livre ">
            Cherchez <br> mon livre
        </div>
        <div class="col-md-7">
            <div class="styled-select-product blue slate" style="border: 2px solid #ececec;
        border-radius: 10px;
        width: 250px;
        float: right;
        margin-right: -1px;
        background: #ececec;">
                <select name="ville" class="select_choice_ville">
                    <option value="0" selected="selected" disabled="disabled">Sélectionner</option>
                    <?php
                    $categories = get_terms( [ 'taxonomy' => 'ville', 'hide_empty' => false ] );

                    foreach ( $categories as $cat ) {
                        ?>
                    <option value="<?= $cat->term_id; ?>">
                        <?= $cat->name; ?>
                    </option>
                    <?php
                    }

                    ?>
                </select>
            </div>
        </div>
    </div>


<?php  } ?>

Answer 1

您需要一些 javascript 来执行此操作。 在更改 select 时，您需要重定向到分类法的存档 url。

我会将分类 url 添加到选项值属性中:

<option value="<?php echo get_term_link($cat); ?>">

然后添加一点 jquery 来获取更改事件并重定向到类别:

$('select.select_choice_ville').on('change', function(){
    window.location.href = $this.val();
})