Javascript / jQuery get all url parameters and add/change one

Question

I have the following url

http://www.domain.com?page=options&tab=general

I want to be able to get to the tab parameter and change it e.g

I have two tabs General & Styles and when I click on styles, I want a hidden field(that has this url as a value) to change so that it reads the same url but with the tabs parameter changed to styles. So it would look like this

http://www.domain.com?page=options&tab=styles

However, this url may not have the parameter tab when the page is loaded so i need to be able to add a parameter to the url query string.

There will be many more tabs so I cannot just replace the text general with styles

Anyone know? Thanks

possible duplicate of Change URL parameters with jQuery?

Felix Kling
– Felix Kling

2012-08-25 12:09:30 +00:00
Commented Aug 25, 2012 at 12:09 — Felix Kling
– Felix Kling, Commented Aug 25, 2012 at 12:09

João Silva · Accepted Answer · 2012-08-25 12:13:48Z

8

var s = "http://www.domain.com?page=options&tab=general"
var queryString = s.substring(s.lastIndexOf("?") + 1);
var newQueryString = $.map(queryString.split("&"), function(pair) { 
  var p = pair.split("="); 
  if (p[1] == "general") { 
    p[1] = "styles";
    return p.join("=");
  } else { 
    return pair;
  } 
}).join("&");

answered Aug 25, 2012 at 12:13

João Silva

91.8k29 gold badges156 silver badges158 bronze badges

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

1 Comment

Zbarcea Christian Over a year ago

Great solution! As a note: if you don't want to use a hardcoded url, you can retrieve it with jquery: var url = window.location.href;

Collectives™ on Stack Overflow

Javascript / jQuery get all url parameters and add/change one

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related