Add form input to variable

Question

I cannot find the accept answer on here.

Currently I have a simple html form, that allows the user to enter text, in this case a user name.

        <form class="Find Friend">

        <div class="error" style="display:none"></div>
        <input type="text" id="friendsearch" placeholder="Find Friend" class="input-field" required/> 
        <button type="submit" class="btn btn-login">Find</button> 
        </form>

I want to capture that name in a variable for later use. Do I simply use ?

var findFriend = friendsearch;

Christopher Marshall · Accepted Answer · 2014-05-01 19:59:02Z

1

To keep the var updating on each user input, you can use.

http://jsfiddle.net/gRZ7g/

var friendName;

$('#friendsearch').on('keyup', function(e) {
   friendName = $(this).val();
});

$('.show-value').click(function(e) {
   alert(friendName); 
});

answered May 1, 2014 at 19:59

Christopher Marshall

10.7k10 gold badges57 silver badges95 bronze badges

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

1 Comment

Christopher Marshall Over a year ago

Have to use keyup instead of keypress or keydown since the var gets set before the input gets a value on those.

gitsitgo · Accepted Answer · 2014-05-01 19:49:32Z

1

You can get it like this:

var findFriend = $('#friendsearch').val();

You have to use the jQuery selector to select the element by its id.

answered May 1, 2014 at 19:49

gitsitgo

6,8193 gold badges35 silver badges45 bronze badges

Collectives™ on Stack Overflow

Add form input to variable

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