Javascript重定向到页面并附加文本

时间:2016-02-07 20:39:57

标签: javascript jquery

我有一个论坛,您可以按'category1','category2'或'all'过滤

现在我有一个只有这三个选项的下拉列表。 用javascript / jquery我这样做:

$('#dropdown').on('change', function () {
    if ($('#dropdown').val() == 'category1') {
        window.location.href += "/cat1";
    } else if ($('#dropdown').val() == 'category2') {
        window.location.href += "/cat2";
    } else {
        window.location.replace(window.location.href);
    }
});

上面代码的问题是第一次更改正确地说:“website / foo / bar / cat1” 但当我再次将下拉列表更改为cat2时,它会转到此并失败: “网站/富/酒吧/ CAT1 / CAT2”

无论如何我每次更改下拉值时都可以保留相同的URL吗? 尽管如此。 “website / foo / bar /”有“bar”,实际上可以是这样的:“website / foo / something /”或“website / foo / else /”

1 个答案:

答案 0 :(得分:0)

当你添加到这样的网址时+ =你附加到现有的网址。

var url = "http://example.com/foo/bar/"
$('#dropdown').on('change', function () {
    if ($('#dropdown').val() == 'category1') {
        window.location.href = url + "cat1";
    } else if ($('#dropdown').val() == 'category2') {
        window.location.href = url + "cat2";
    } else {
        window.location.replace(window.location.href);
    }
});