Get URL variable for text field - How to replace %20 with " "?

Question

Using JS to get a variable from URL and populate a text box with a first name.

Code below works well, but if the variable has spaces it will insert %20 in the text box. Looking for a way to replace "%20" with " ".

Example: link.com/?fn=Mary%20Ellen

<script type="text/javascript">
function populatefirst() { 
var varSection = window.location.search.substr(1);
var varArray = varSection.split("&");
for(var v=0; v<varArray.length; v++) { 
    var keyValueArray = varArray[v].split("="); 
    if(keyValueArray[0]=="fn") { 
        varValue=keyValueArray[1]; 
        document.getElementById("first_name").value=varValue; 
        break;
        } 
    }
}
</script>

gyre · Accepted Answer · 2017-04-07 21:59:50Z

3

decodeURIComponent("%20") results in " "

edited Apr 7, 2017 at 21:59

gyre

16.8k4 gold badges40 silver badges47 bronze badges

answered Apr 7, 2017 at 21:12

Vaibhav Nigam

1,4971 gold badge14 silver badges23 bronze badges

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

1 Comment

Michael Clarke Over a year ago

Where to place? Thanks!!

Michael Clarke · Accepted Answer · 2017-04-07 22:09:33Z

0

<script type="text/javascript">
function populatefirst() { 
var varSection = window.location.search.substr(1);
var varArray = varSection.split("&");
for(var v=0; v<varArray.length; v++) { 
    var keyValueArray = varArray[v].split("="); 
    if(keyValueArray[0]=="fn") { 
        varValue=keyValueArray[1]; 
        document.getElementById("first_name").value = decodeURIComponent(varValue); 
        break;
        } 
    }
}
</script>

answered Apr 7, 2017 at 22:09

Michael Clarke

31 bronze badge

Collectives™ on Stack Overflow

Get URL variable for text field - How to replace %20 with " "?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related