How to replace part of the input value after specific string

Question

I would like to replace part of the input value, to be exact posted value in the link. Value of yy parameter has to be replaced with (yyNewval).

   yyNewval = '3xxxx';
   returnlink = $("input[name=return]"); 
   returnlink.val;

will give you output of:

http://www.test.com/xx=1&yy=2xxxx

i would like to change the highlighted (2xxxx) so everything after (yy=) . I know how to replace entire input value, but will be more handy to alter only last parameter.

THX for your help in advance

Given that the input appears to be a free text field, how can you be sure that yy will always be the last parameter? — Rory McCrossan
– Rory McCrossan, Commented Mar 29, 2018 at 9:12
Perhaps you could use this and then just replace the yy parameter: stackoverflow.com/questions/4297765/… — Pete
– Pete, Commented Mar 29, 2018 at 9:13

eborrallo · Accepted Answer · 2018-03-29 09:44:00Z

3

try this , i think this is what you need :)

function getUrlYYY(){
  var url_string = "http://www.example.com/t.html?yyy=123456789"; //window.location.href
  var url = new URL(url_string);
  var yyy = url.searchParams.get("yyy");
  console.log('the parameter in url yyy is '+ yyy);
  returnlink = $("input[name=return]"); 
  returnlink.val(yyy);
}

function setUrlYYY(){
// Get the queryString module from:
// https://github.com/sindresorhus/query-string
  returnlink = $("input[name=return]"); 
  console.log(window.location.search);
  // ?yyy=123456789
  var parsed = queryString.parse(location.search);
  console.log(parsed);
  // {yyy: '123456789'}
  parsed.yyy =  returnlink.val();
  location.search = queryString.stringify(parsed);
  console.log(location.search);
}

function updateQueryStringParam(param, value) {
  baseUrl = [location.protocol, '//', location.host, location.pathname].join('');
  urlQueryString = document.location.search;
  var newParam = key + '=' + value,
  params = '?' + newParam;

  // If the "search" string exists, then build params from it
  if (urlQueryString) {
    keyRegex = new RegExp('([\?&])' + key + '[^&]*');
    // If param exists already, update it
    if (urlQueryString.match(keyRegex) !== null) {
      params = urlQueryString.replace(keyRegex, "$1" + newParam);
    } else { // Otherwise, add it to end of query string
      params = urlQueryString + '&' + newParam;
    }
  }
  window.history.replaceState({}, "", baseUrl + params);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input name='return'>
<button onclick=getUrlYYY()>get YYY</button>
<br>
<button onclick=setUrlYYY()>set YYY 1</button>
or
<br>
<button onclick=updateQueryStringParam(yyy,$("input[name=return]").val())>set YYY 2</button>

edited Mar 29, 2018 at 9:44

answered Mar 29, 2018 at 9:17

eborrallo

7601 gold badge8 silver badges18 bronze badges

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

6 Comments

Nita Over a year ago

yes, this is ok, but i need to replace value of yy in this input

eborrallo Over a year ago

you need change url parameter whit input , or change input whit url parameters ?? @Nita

Nita Over a year ago

i need to change value if (yy) parametr within input

Nita Over a year ago

maybe i'm not explainig my self properly. i updated question. i would like to replace value of yy parameter with the value of variable yyNewval. Hope is more clear now

Nita Over a year ago

both give me errors, but im working on something url functions now

|

Nita · Accepted Answer · 2018-03-29 11:34:56Z

0

Decided to go with regex.

  paymentcat = elem.attr('data-paymentcat');
  returnlink = $("input[name=return]");
  returnlinkVal = returnlink.val();
  reExp = /paymentcat=[a-zA-Z0-9 -'%]+/;
  newReturnlinkVal = returnlinkVal.replace(reExp, "paymentcat=" + paymentcat);
  returnlink.val(newReturnlinkVal);

Although would like to achieve similar with URL / URLSearchParams

answered Mar 29, 2018 at 11:34

Nita

5615 silver badges30 bronze badges

Collectives™ on Stack Overflow

How to replace part of the input value after specific string

2 Answers 2

6 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related