gpt4 book ai didi

下拉过滤器的 Javascript 帮助

转载 作者:行者123 更新时间:2023-12-03 07:33:01 30 4
gpt4 key购买 nike

我找到了 solution在 Stackoverflow 上,根据过滤器显示 HTML“li”元素(请参阅附件)。本质上基于 HTML 元素中定义的 css 类,它填充您可以从中选择的下拉列表。

我想修改下面的javascript,以便当您导航到“li”元素页面之一时(如下所示:https://jsfiddle.net/quwfmepL/2/ 例如注意:选择一个 Test1 元素,它会转到 page1.html 页面) ..但是当您点击 page1.html 上的后退按钮转到过滤器所在的页面时,它不会记住最后一个过滤器选择。就像现在一样,您需要再次过滤相同的选择。我认为我需要做的是查看浏览器历史记录,但不确定是否有更简单的选择。我希望它可以是查询字符串或类似的格式。

<script type="text/JavaScript">
$(document).ready(function() {
var $tagList = $('#tag-list'),
optionArr = [];
$("#demo-list li a").each(function(index, item) {
$.each($(this).attr('class').split(' '), function(i, option){
if ($.inArray(option, optionArr) == -1) {
$tagList.append('<option value="'+option+'">'+option.replace('-', ' ').replace('_', ' ')+'</option>');
optionArr.push(option);
}
});
});
// Look at the URL for filter and modify here #
$tagList.on('change', function() {
var selection = $tagList.val();
if (selection == "all") {
$('#demo-list li a').show();
} else {
$('#demo-list li a').hide();
$('#demo-list li a.'+selection).show();
}
});
});
</script>

有什么建议或提示吗?如有任何帮助,我们将不胜感激。

enter image description here

最佳答案

Fiddle 对我来说有点奇怪(不起作用)。

您可能只想在 .change 函数中设置一个 cookie,这可能是最简单的方法。当过滤器页面加载时,检查是否设置了 cookie,如果设置了,则根据存储的 cookie 值运行过滤器。

尝试一下:https://github.com/js-cookie/js-cookie

或者,甚至可能更好,您可以使用 webstorage(本地存储)来完成同样的事情。

http://www.w3schools.com/html/html5_webstorage.asp

关于下拉过滤器的 Javascript 帮助,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35735019/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com