Javascript 将表单输入添加到变量

我在这里找不到接受的答案

目前我有一个简单的html表单，允许用户输入文本，在本例中是用户名

        <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>

发现

我想在变量中捕获该名称以供以后使用。我只是简单地使用它吗

var findFriend=friendsearch；

---

您可以这样得到：

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

---

您必须使用jQuery选择器根据其id选择元素。

要在每个用户输入上保持

var

更新，您可以使用

---

必须使用keyup而不是keypress或keydown，因为var是在输入获取值之前设置的。

var friendName;

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

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