Get URL parameters with jQuery and display them inside an HTML input text field

Question

I been through dozens of articles on this on here and on Google but none of them seemed to have worked. I am trying to get parameters from the URL and display them inside an input text field.

This is the code I'm working on:

function getQueryVariable(variable)
{
   var query = window.location.search.substring(1);
   var vars = query.split("&");
   for (var i=0;i<vars.length;i++) {
           var pair = vars[i].split("=");
           if(pair[0] == variable){return pair[1];}
   }
   return(false);
}

getQueryVariable("inputline1");
getQueryVariable("inputline2");

<input type="text" id="inputline1" value="getQueryVariable('inputline1')" />
<input type="text" id="inputline2" value="getQueryVariable('inputline2')" />

The URL i am trying:

?inputline1=sampletext1&inputline2=sampletext2

My jQuery knowledge is very limited and any help on the right direction on this would be very helpful.

Thanks in advance.

yes, thanks @baao i have tried that and it didn't worked for me, hence I'm here as mentioned above. — pv619
– pv619, Commented Jun 5, 2018 at 8:20
value="getQueryVariable('inputline1')" - don’t expect this to call any function, this is just a static text you have specified as the input field value. — C3roe
– C3roe, Commented Jun 5, 2018 at 8:23
@baao “use window.location instead of window.loaction.search” - no, don’t. — C3roe
– C3roe, Commented Jun 5, 2018 at 8:32
I've reopened the question. Please update it with the code you are using — baao
– baao, Commented Jun 5, 2018 at 9:02

pv619 · Accepted Answer · 2018-06-05 09:27:19Z

2

Got it finally to work, updated a working script below to help anyone in the future:

function getQueryVariable(variable) {
                var query = window.location.search.substring(1);
                var parms = query.split('&');
                for (var i = 0; i < parms.length; i++) {
                    var pos = parms[i].indexOf('=');
                    if (pos > 0 && variable == parms[i].substring(0, pos)) {
                        return parms[i].substring(pos + 1);;
                    }
                }
                return "";
}

getQueryVariable("inputline1");

$(function () {
        $('#inputline1').val(getQueryVariable('inputline1'))
});

<input type="text" id="inputline1" />

The URL with parameter:

?inputline1=Sample

answered Jun 5, 2018 at 9:27

pv619

40914 silver badges29 bronze badges

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

Collectives™ on Stack Overflow

Get URL parameters with jQuery and display them inside an HTML input text field

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related