Save Users Input in a Variable, and Post that Variable

Question

I have a small form and When I click the Join button, and enter my information, I want it to save the value of the Username form, and then replace the Join and Signup button with their name or "Hello" + name.

So I have a JSFiddle Here: http://jsfiddle.net/LCBradley3k/t3HF5/ I would think it would be something like the following code, but that doesn't work:

var name  = document.getElementById("name");

Then I would want it to put name in some type of div that replaces the two button at the top.

David L · Accepted Answer · 2013-03-10 18:46:33Z

1

If you're using jQuery (which your jsfiddle indicates you are), this should be fairly trivial.

var name = $('#name').val();

Hope that helps!

answered Mar 10, 2013 at 18:46

David L

34.1k8 gold badges70 silver badges98 bronze badges

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

4 Comments

James Mitchell Over a year ago

Now where exactly would this go in the JSFiddle? Also, how would I add the value to a div, so I could position it, etc...?

David L Over a year ago

Not sure what you need it for exactly, but I would use it to grab the inputted value by the user whenever they click the buton $('#join').on('click', function(). And what do you mean by add the value to a div? If you want to add a value to something, do $('#name').val('here's the value'), which in this case is not advisable since it is a user input field.

David L Over a year ago

Reread your post again. It looks like once you have the name field, target the ID of the div and place the content there. $('#divID').html(name); for instance.

amof Over a year ago

Also take a look at .serialize especially if you're working with forms with lots of fields it makes life much easier when collecting values and serializing them ready for posting: api.jquery.com/serialize

Alex · Accepted Answer · 2013-03-10 19:26:00Z

1

Using pure javascript (no jQuery), if it's an input element, to get the input value use:

var name=document.getElementById("name").value;

To replace a div's content with name:

document.getElementById("div_id").innerHTML=name;

You can also use html:

document.getElementById("div_id").innerHTML="<p>" + name + "</p>";

Or replace the div's value:

document.getElementById("div_id").value=name;

answered Mar 10, 2013 at 19:26

Alex

1,4744 gold badges17 silver badges44 bronze badges

Collectives™ on Stack Overflow

Save Users Input in a Variable, and Post that Variable

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related