How to replace url parameter with javascript/jquery?

by

The following solution combines other answers and handles some special cases:

  • The parameter does not exist in the original url
  • The parameter is the only parameter
  • The parameter is first or last
  • The new parameter value is the same as the old
  • The url ends with a ? character
  • \b ensures another parameter ending with paramName won’t be matched

Solution:

function replaceUrlParam(url, paramName, paramValue)
{
    if (paramValue == null) {
        paramValue="";
    }
    var pattern = new RegExp('\\b('+paramName+'=).*?(&|#|$)');
    if (url.search(pattern)>=0) {
        return url.replace(pattern,'$1' + paramValue + '$2');
    }
    url = url.replace(/[?#]$/,'');
    return url + (url.indexOf('?')>0 ? '&' : '?') + paramName + '=' + paramValue;
}

Known limitations:

More Related Contents:

  1. Get escaped URL parameter
  2. Get current URL with jQuery?
  3. Change URL parameters and specify defaults using JavaScript
  4. How to convert URL parameters to a JavaScript object? [duplicate]
  5. Trying to Validate URL Using JavaScript
  6. JavaScript – Get Portion of URL Path
  7. Get the values from the “GET” parameters (JavaScript) [duplicate]
  8. How do I get the fragment identifier (value after hash #) from a URL?
  9. How to get the anchor from the URL using jQuery?
  10. Parsing URL hash/fragment identifier with JavaScript
  11. How to check if the URL contains a given string?
  12. Get query string parameters url values with jQuery / Javascript (querystring)
  13. Change URL and redirect using jQuery
  14. How to escape a JSON string to have it in a URL?
  15. How to detect URL changes with jQuery
  16. Javascript: extract URLs from string (inc. querystring) and return array
  17. jQuery Youtube URL Validation with regex
  18. How to test if a URL string is absolute or relative?
  19. jQuery add class based on page URL
  20. Checking a Url in Jquery/Javascript
  21. I want both values before and after submitting a form
  22. dynamic rectangular or square div of any size which can be fitted into a fixed size div [closed]
  23. How to use JQuery with ReactJS
  24. How to uncheck a radio button?
  25. Why is this jQuery click function not working?
  26. How can I validate google reCAPTCHA v2 using javascript/jQuery?
  27. Getting an absolute URL from a relative one. (IE6 issue)
  28. Trigger a select form element to show its options (open drop down options list) with Javascript
  29. How do I determine height and scrolling position of window in jQuery?
  30. Live Detect Browser Size – jQuery / JavaScript

Leave a Comment