Javascript Wordpress php下拉菜单单击并转到

我的代码在下拉菜单中列出了我的所有产品类别，但当我从下拉菜单中选择一个类别时，什么也没有发生：

<?php
$args = array('hide_empty'=> 0,
    'taxonomy'=> 'product_cat','show_option_all'=> '- Search by category...',
    'hierarchical'=>1,'orderby'=> 'name',
    'echo'=>0);

$cats = wp_dropdown_categories($args);
echo $cats;
?>

当我单击某个类别名称时，它会转到该特定类别页面，我如何才能做到这一点

---

谢谢。

您需要附加带有提交按钮的表单或附加javascript代码，以使下拉列表与您的选择交互

或

---

您需要使用submit按钮附加表单或附加javascript代码，以使下拉列表与您的选择交互

或

---

用jquery代码编写一个块来读取选择器的更改，这是一个建议，您可以进行所需的调整

试着这样做：

    <select id="pages">
  <option value="">Select Page</option>
  <option value="google.com">Google</option>
  <option value="hitcel.com">HITCEL</option>
  <option value="facebook.com">Facebook</option>
</select>

$("#pages").change(function(){
    var value = $(this).val();
  if(value==""){
  }else{
    window.location.href="https://"+value
  }
})

样本：

---

用jquery代码编写一个块，读取选择器更改，这是一个建议，您可以根据需要进行调整

试着这样做：

    <select id="pages">
  <option value="">Select Page</option>
  <option value="google.com">Google</option>
  <option value="hitcel.com">HITCEL</option>
  <option value="facebook.com">Facebook</option>
</select>

$("#pages").change(function(){
    var value = $(this).val();
  if(value==""){
  }else{
    window.location.href="https://"+value
  }
})

样本：

---

嘿，您编写的第二个代码工作正常，但它检索的是类别ID而不是类别的slug，我如何才能使其返回/camera photos/而不是/=cat=254？谢谢。尝试在$args中添加'value\u field'=>'slug'，当我将其放在$argsHow上时，代码在类别单击时停止重定向关于更改代码线位置。href=？类别=+下拉列表。选项[dropdown.selectedIndex]。value？除了从？cat改为？category之外，它不会产生任何变化：嘿，您编写的第二个代码可以工作，但它检索的是category ID而不是category的slug，我如何才能使它返回/camera photos/而不是/=cat=254？谢谢。尝试在$args中添加'value\u field'=>'slug'，当我将其放在$argsHow上时，代码在类别单击时停止重定向关于更改代码线位置。href=？类别=+下拉列表。选项[dropdown.selectedIndex]。value？除了从“类别”更改为“类别”之外，不会产生任何变化：

    <select id="pages">
  <option value="">Select Page</option>
  <option value="google.com">Google</option>
  <option value="hitcel.com">HITCEL</option>
  <option value="facebook.com">Facebook</option>
</select>

$("#pages").change(function(){
    var value = $(this).val();
  if(value==""){
  }else{
    window.location.href="https://"+value
  }
})