Get textbox value in jquery but empty

Question

I use this code for getting value from text box. But I can't able to get value.

$(function() {
  var get = $(".name").val();
  $('#test').click(function() {
    alert('Textbox:' + get);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" name="name" class="name">
<input type="submit" value="click" name="test" id="test">

Pedram · Accepted Answer · 2017-12-31 13:00:06Z

2

Get your value when you click on #test.

$(function() {
  $('#test').click(function() {
    var get = $('.name').val();
    alert('Textbox:' + get);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" name="name" class="name">
<input type="submit" value="click" name="test" id="test">

edited Dec 31, 2017 at 13:00

Pedram

16.7k10 gold badges47 silver badges73 bronze badges

answered Dec 31, 2017 at 12:27

Asim

9762 gold badges10 silver badges31 bronze badges

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

Comments

valek · Accepted Answer · 2017-12-31 12:49:00Z

0

The problem was that you were setting the get value at the beginning only, when the input box was empty. You have to update the value when you click on the submit button.

$(function() {
  
  $('#test').click(function() {
    let get = $(".name").val();
    alert('Textbox:' + get);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" name="name" class="name">
<input type="submit" value="click" name="test" id="test">

answered Dec 31, 2017 at 12:49

valek

1,3761 gold badge16 silver badges27 bronze badges

Collectives™ on Stack Overflow

Get textbox value in jquery but empty

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related