jQuery add and remove variable from url on a link click

Question

I am working on a web application where I need to add and remove variables from the URL. I have done on click adding variables to the URL but I it adds duplicates variable.

href="http://localhost<?php echo $_SERVER['REQUEST_URI'];?>?budget=1-lakh-3-lakh"

First Click on link:

http://localhost/auto/search.php?budget=1-2L

Second Click on same link:

http://localhost/auto/search.php?budget=1-2L&budget=1-2L

I want to remove variable from the URL if it is already exist else add variable on a link click. I already tried lot's of method but I am not getting the result. With jQuery I tried replace(), indexOf().

Are you submitting a form or using a link <a>? If the href of a "a" tag is define as above, the variables will not be added after the existing one. — sdespont
– sdespont, Commented Jan 24, 2013 at 18:22
I am using link, In general on same link click I want to add or remove some parameters from the link. On each click page will get refreshed. — user2004812
– user2004812, Commented Jan 24, 2013 at 18:28

sdespont · Accepted Answer · 2013-01-25 11:12:25Z

3

Here is a code to remove a specific parameter from an URL :

var url = location.href.replace(/&?budget=([^&]$|[^&]*)/i, "");

or the function :

function removeParameterFromUrl(url,parameterName)
{
    var reg = new RegExp('&?'+parameterName+'=([^&]$|[^&]*)','gi');     
    return url.replace(reg, ""); 
}

location.href = removeParameterFromUrl(location.href,'budget')

answered Jan 25, 2013 at 11:12

sdespont

14.1k9 gold badges61 silver badges99 bronze badges

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

Collectives™ on Stack Overflow

jQuery add and remove variable from url on a link click

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related