如何在选择选项更改时添加/更新url参数?

时间:2019-07-14 08:59:58

标签: javascript jquery

我有1个inputProps选项框,其中我有3个选项,如果用户选择任何选项,则在url中该选项的特定值应像(select)一样附加,当我选择另一个选项时那么无论先前在url中选择了哪个选项值,都应将其替换为新的选项值。请帮助。目前,在我的代码中,所有值都一个接一个地附加,但是根据期望,一次只能附加一个值。

value=needbyDate

3 个答案:

答案 0 :(得分:1)

您可以使用?分割 url 并使用第一个 index 中的字符串:

$("#optionbox1").change(function() {
    var optionValue = $(this).val();
    var url = window.location.href.split("?")[0];
    if (window.location.href.indexOf("?") > 0) {
      window.location = url + "options added=" + optionValue;
    } else {
      window.location = url + "?options added=" + optionValue;
    }
});

答案 1 :(得分:0)

了解您的担忧。我已经进行了一次换线,可以帮助您满足要求。我在这里使用了jQuery的split()。

I've mentioned the change in bold. Please find change as below.


if (window.location.href.indexOf("?") > 0) {
          ***window.location  = window.location.href.split('?')[0] + "?options added=" + optionValue;***
} else {
          window.location += "?options added=" + optionValue;
}

答案 2 :(得分:0)

只需使用此选项即可,而无需选中“?”。

@NonNull