使用Jquery .val（）无法从输入字段获取数值

Question

我尝试使用jquery语法从输入字段获取数值，但它不起作用，控制台没有显示输入值。以下是我的代码：

$(document).ready(function() {
  var num = $("#a").val();
  console.log(num);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="a" type="number">

Answer 1

将name =“ a”添加到您的输入元素=>

有关详情，请参见：jQuery .val() not working for input fields

Answer 2

由于您正在使用document.Ready（）事件，因此页面加载时的输入值为空。如果要在用户键入数字时使用值更新控制台，则必须绑定用户事件，例如使用.keyup（）事件：

    $("#a").keyup(function() {
        console.log($("#a").val());
     });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="a" type="number">