在jquery中获取文本框值但为空

Question

我使用此代码从文本框中获取值。但我无法获得价值。

$(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">

Answer 1

点击#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">

Answer 2

问题是，当get框为空时，您只在开头设置input值。单击提交按钮时，您必须更新该值。

$(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">