How to add parameter in Javascript and remove previous parameter

Question

I had a code that works but the problem is it just append the parameter
instead of replacing it with a new parameter, Here is my working code:

jQuery('#input_1_11').change(function(){

        var type = jQuery('#input_1_11').val();
        if(type=='Inspection'){

            window.location.replace(window.location.href + "?Inspection");

        }
        else if(type=='Installation'){

            window.location.replace(window.location.href + "?Installation");
        }
        else{

            window.location.replace(window.location.href + "?Maintenance");
        }


    });

what currently happening is for example

www.test.com?Inspection

Then if I click again the input11 it goes to the link

www.test.com?Inspection?Maintenance

What I need is to replace each ?parameter every change by user.

Try: window.location.hostname + "?Inspection" ?

4b0
– 4b0

2020-12-14 09:08:42 +00:00
Commented Dec 14, 2020 at 9:08 — 4b0
– 4b0, Commented Dec 14, 2020 at 9:08

Alan Omar · Accepted Answer · 2020-12-14 09:44:43Z

2

use origin:

window.location.origin + "?Maintenance" instead of window.location.href + "?Maintenance"

edited Dec 14, 2020 at 9:44

answered Dec 14, 2020 at 9:16

Alan Omar

4,2871 gold badge13 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Rory McCrossan Over a year ago

Note that origin only returns the domain. You'll most likely need to append the path to it as well, along with adding the ? character.

Alan Omar Over a year ago

At the end of OP question this is exactly what he is asking for.

Rory McCrossan Over a year ago

True, but without the addition of path the solution is very brittle and easily broken. Regardless of that, this is the best method available; much better than hacking the URL around as a string.

Alan Omar Over a year ago

I know, this is why i put the link to the window.location.origin for him to adjust the solution to his needings.

Praneet Dixit · Accepted Answer · 2020-12-14 09:12:15Z

1

You can do a thing - get the present url and split it into an array with ? as parameter for split. Get the first element of that array. It will be the url without parameters.

jQuery('#input_1_11').change(function(){
        var type = jQuery('#input_1_11').val();
        var present = window.location.href.split("?");
        if(type=='Inspection'){
            window.location.replace(present[0] + "?Inspection");
        }
        else if(type=='Installation'){
            window.location.replace(present[0] + "?Installation");
        }
        else{
            window.location.replace(present[0] + "?Maintenance");
        }
});

answered Dec 14, 2020 at 9:12

Praneet Dixit

1,43511 silver badges29 bronze badges

Collectives™ on Stack Overflow

How to add parameter in Javascript and remove previous parameter

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related