Assign a input value to variable on same page with Jquery

Question

I am working with a api where i need to post a url from a form and get response. Everything is working well except one thing. I could not figure out how to get url posted in form input in to a variable for javascript. Take a look at following.

 <form action="#" method="post">
 <input type="text" class="url" name="url" />
 <input type="submit" value="Analyse for Page Speed" value="submit" />
 </form>

I use above form to get url and i want that url to be a value for the following variable

 // Specify the URL you want PageSpeed results for here:
 var URL_TO_GET_RESULTS_FOR = 'your url here';

How to get this done?

You should give the form an ID so that you can select it with Javascript. — crush
– crush, Commented Jul 2, 2013 at 14:19
You want to set that variable value with the field url value? Or the reverse? And when you want that. In which event? — DontVoteMeDown
– DontVoteMeDown, Commented Jul 2, 2013 at 14:19
@crush: I think we can assume he is using it already since he asked for a jQuery solution (in the title). Regardless of where he put it, it's pretty clear what he wants. This is different than someone suggesting to start using jQuery for a trivial problem such as this. Not all newbies are good at choosing all of the appropriate tags for their question. — Travesty3
– Travesty3, Commented Jul 2, 2013 at 14:24
@crush: I'm pretty convinced that jQuery is already available. If you're not sure about it, perhaps it would be better to simply ask that question. Your comment gives off a vibe of telling him that he's doing something wrong. — Travesty3
– Travesty3, Commented Jul 2, 2013 at 14:28

Claudio Redi · Accepted Answer · 2013-07-02 14:19:48Z

3

Is this what you're looking for?

var URL_TO_GET_RESULTS_FOR = document.getElementsByName('url')[0].value;

getElementsByName returns an array with all elements having the name passed as parameter. Since I'm assuming you have only one element with name="url", I get the first position of the array and returns the value.

answered Jul 2, 2013 at 14:19

Claudio Redi

68.6k15 gold badges138 silver badges161 bronze badges

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

1 Comment

DontVoteMeDown Over a year ago

I believe he wants that too, but he doesn't especified when.

Travesty3 · Accepted Answer · 2013-07-02 19:03:13Z

1

As @crush pointed out in the comments, this task alone probably does not merit the use of jQuery. So if you aren't already using it, this should probably not be the deciding factor. If you need a pure JS solution, go with @ClaudioRedi's answer.

However, I'm assuming you're already using jQuery, and are asking for a jQuery solution. So here it is:

var URL_TO_GET_RESULTS_FOR = $('form input[name="url"]').val();

This will get the value of an <input> with the name url within a <form> element.

edited Jul 2, 2013 at 19:03

answered Jul 2, 2013 at 14:22

Travesty3

14.5k7 gold badges64 silver badges103 bronze badges

Collectives™ on Stack Overflow

Assign a input value to variable on same page with Jquery

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