populate input field from url variable - using either javascript or jquery

Question

I have a url

http://www.example.com/state=survey&action=display&survey=39&zone=surveys&currency=Denmark

A user will land on a new page with the above url. This page will include a form. There is an input with an id 'currencyrequired' - i want this input to automatically pull in the currency variable from the url (in this example Denmark).

<input type="text" id="currencyrequired" name="currencyrequired" size="40" maxlength="20" value="" class="input-pos-int">

The currency part of the url is likely to change as it depends upon which country they select so you could end up with - http://www.example.com/state=survey&action=display&survey=39&zone=surveys&currency=Norway

Ideally what i would like is to list all the currencies (8 in total) and the script would check what country is listed in the url and populate the currencyrequired input field with the output

possible duplicate of How to get the value from URL Parameter? — Quentin
– Quentin, Commented Apr 24, 2013 at 9:26
@TheVal - this project is due this week and i need to get this functionality rolled out asap hence the urgency. Im a relative novice with javascript/jquery so any help is appreciated — R4N_S_S
– R4N_S_S, Commented Apr 24, 2013 at 10:08

Darren · Accepted Answer · 2013-04-24 09:24:06Z

0

You could use location.search to return the query string and do:

var url = location.search;
var country = url.substring(url.indexOf('currency=')+9, url.length);

$("#input").val(country);

http://jsfiddle.net/ckJ5S/

answered Apr 24, 2013 at 9:24

Darren

71.2k24 gold badges141 silver badges146 bronze badges

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

6 Comments

TryingToImprove Over a year ago

That will only work if currency=Denmark is the last information in the URL.

R4N_S_S Over a year ago

This works in the jsfiddle but when i aste the code into my page it doesnt do anything.

Darren Over a year ago

@R4N_S_S - do you have jquery defined on your page? Try adding an alert. alert(country); - does the alert work?

R4N_S_S Over a year ago

The currency part of the url is likely to change as it depends upon which country they select so you could end up with - example.com/…

R4N_S_S Over a year ago

@Darren - yes jquery is present on the page. the alert works - thanks in advance

|

sdagkas · Accepted Answer · 2013-04-24 11:09:35Z

0

Try this:

$("#currencyrequired").val(getParameterByName('currency'));

function getParameterByName(name)
{
  name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
  var regexS = "[\\?&]" + name + "=([^&#]*)";
  var regex = new RegExp(regexS);
  var results = regex.exec(window.location.search);
  if(results == null)
    return "";
  else
    return decodeURIComponent(results[1].replace(/\+/g, " "));
}

answered Apr 24, 2013 at 11:09

sdagkas

5981 gold badge5 silver badges20 bronze badges

1 Comment

sdagkas Over a year ago

I tested it and it works on all browsers. Also your input element must end with />

Collectives™ on Stack Overflow

populate input field from url variable - using either javascript or jquery

2 Answers 2

6 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related