Question

我正在尝试从特定类别创建标记列表，以加载同一页面中的帖子。该列表的样式为下拉列表，但结构为列表。从下拉列表中选择标记后，用户将进入单独的页面，其中显示包含所选标记的所有帖子。

我希望在页面上加载具有特定类别标记列表的帖子，而不是将其重定向到新页面。这是我的代码：

====编辑====

我能够将结果加载到同一页面上的div中。但是，这仅适用于Firefox和IE，但不适用于Chrome或Safari。下拉菜单本身会下降并显示选项，但不会在Chrome / Safari中点击加载结果。可以看到工作示例here。有什么想法吗？

HTML ：

<div id="dd" class="selectDiv" tabindex="1">

        <span class="selectDefault"></span>

        <?php $args = array(
            'categories' => '15'
            );
            $tags = get_category_tags($args);
        ?>
        <?php
            $content .= "<select class=\"selectBox\"><option class=\"default-text\">-- Filter by topic --</option>";
            foreach ($tags as $tag) {
                $content .= "<option class=\"loader\" href=\"$tag->tag_link\">$tag->tag_name</option>";
            }
            $content .= "</select>";
            echo $content;
        ?>
    </div>

<div id="result"></div>

的Javascript ：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
    <script type="text/javascript">
    var defaulttext = $('.default-text').text();

        $('.selectDefault').text(defaulttext);

        $('.selectBox').on('change',function(){
           var defaulttext2 = $('.selectBox').find(":selected").text(); 
            $('.selectDefault').text(defaulttext2);
        });

    $(function() {
        $('.loader').click(function(event) {
            event.preventDefault(); // stop the link loading the URL in href
            $('#result').load($(this).attr('href'));
        }); 
    });
    </script>

关于如何做到这一点的任何建议都将非常感激。提前谢谢！

动态代码下拉列表选择过滤器不会在Chrome / Safari中加载内容

0 个答案: