セレクト　select 矢印　変更 セレクトでリンク作成

///セレクトの矢印を変える

.select_wrapper {
    position: relative;
    display: inline-block!important;
    width: auto!important;

&:after {
    content: "";
    position: absolute;
    top: 18px;
    right: 16px;
    width: 12px;
    height: 12px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: rotate(45deg);
 pointer-events: none;//これ入れないと、矢印で機能しなくなる
}

select {
    -webkit-appearance: none;
    appearance: none;
font-size: 13px;
    
}
}

 <ul class="single_foot_menu select_wrapper">
     <?php wp_dropdown_categories(
 array(
 'title_li' => '',
 'hide_empty'         => $hide_empty,
'taxonomy' => $menu_trem,
'depth'              => 1,
'orderby' => 'menu_order',//順番は指定します
//'exclude'=> array(2,5)
)
); 


//孫の親の出力準備 2025.01追記　３階層まで対応したい　親　子　孫

$granpma_id = NULL;//変数の初期化

$granpmas = get_terms( array( 'taxonomy'=> $menu_trem, 'parent' => 0, ) );

// echo "<pre>";
// print_r($granpmas);
// echo "</pre>";




foreach($granpmas as $granpma):////フォーチ----------------------------
  $granpma_id[] = $granpma->term_id; //小タームidをセット

 endforeach; 
  
//  echo "<pre>";
//  print_r($granpma_id);
//  echo "</pre>";

//孫の親準備END




?>
    
  </ul>

 

上記リンク出ない

なので、リンク作成時は別のコード

セレクトでリンク作成

<?php $cats = get_categories(array(
'post_type' => 'car',
'taxonomy' => 'car_cat3' ,
'hide_empty' => 0 ,//記事がなくとも表示
'depth' => 1,//子は表示しません。
'orderby' => 'order',//順番は指定します
)); ?>
<?php if(!empty($cats)): ?>
<select name="car_cat1" id="car_cat1">
<option value=" "> 詳細項目で選ぶ</option>
<?php  foreach($cats as $cat): ?>
<option value="<?php $cat_term = $cat->slug; echo get_term_link($cat_term ,'car_cat3'); ?>"><?php echo $cat->cat_name; ?>（<?php echo $cat->count; ?>）</option>
<?php endforeach; ?>
</select>

<script type="text/javascript">
var dropdown = document.getElementById("car_cat1");
function onCatChange(){
    if(dropdown.options[dropdown.selectedIndex].value != ""){
        location.href = dropdown.options[dropdown.selectedIndex].value;
    }
}
dropdown.onchange = onCatChange;
</script>
<?php endif; ?>

</ul>

getElementById(“car_cat1”);

の部分のIDの要素を指定して変更しているので

同じ名前のフォームがあると動作しない

実際、商品のフォームが見えていなく隠れていて、悪さしていため

出来なかったから名前を変更した