wordpress 类别下拉选择链接断开答案

【问题标题】：wordpress category drop down select link brokenwordpress 类别下拉选择链接断开
【发布时间】：2016-03-12 00:35:34
【问题描述】：

我的 wordpress 博客上有一个博客类别下拉选择列表，以下代码为列表中的类别创建一个链接：

    <script type="text/javascript">
        <!--
        var dropdown = document.getElementById("cat");
        function onCatChange() {
            if ( dropdown.options[dropdown.selectedIndex].value > 0 ) {
                location.href = "<?php echo esc_url( home_url( '/' ) ); 
?>?cat="+dropdown.options[dropdown.selectedIndex].value;
            } 
        }
        dropdown.onchange = onCatChange;
        -->
    </script>

我想我需要编辑 JavaScript，这样当我选择“所有帖子”选项时，它会链接到 www.website.com/blog。 “所有帖子”的“值”为 0。我试过了，但它破坏了类别的所有链接，并没有解决问题：

    <script type="text/javascript">
        <!--
        var dropdown = document.getElementById("cat");
        function onCatChange() {
            if ( dropdown.options[dropdown.selectedIndex].value > 0 ) {
                location.href = "<?php echo esc_url( home_url( '/' ) ); 
?>?cat="+dropdown.options[dropdown.selectedIndex].value;
            } elseif( dropdown.options[dropdown.selectedIndex].value == 0 ){
                location.href = "<?php echo esc_url( home_url( '/' ) ); ?>blog";
            }
        }
        dropdown.onchange = onCatChange;
        -->
    </script>

这里是需要的 html 输出：

<select name='cat' id='cat' class='postform' >
    <option value='0'>Show all posts</option>
    <option value='-1'>Select category</option>
    <option class="level-0" value="1">Uncategorized</option>
    <option class="level-0" value="8">Blog</option>
</select>

【问题讨论】：

标签： javascript wordpress select hyperlink dropdown

【解决方案1】：

我自己想出来的...工作代码：

<script type="text/javascript">
    <!--
    var dropdown = document.getElementById("cat");
    function onCatChange() {
        if ( dropdown.options[dropdown.selectedIndex].value == 0 ) {
            location.href = "<?php echo esc_url( home_url( '/' ) ); ?>blog";
        } 
        else if ( dropdown.options[dropdown.selectedIndex].value > 0 ) {
            location.href = "<?php echo esc_url( home_url( '/' ) ); ?>?cat="+dropdown.options[dropdown.selectedIndex].value;
        } 
    }
    dropdown.onchange = onCatChange;
    -->
</script>

【讨论】：