使用 Jquery .val() 无法从输入字段中获取数值答案

【问题标题】：Using Jquery .val() cannot get number value from input field使用 Jquery .val() 无法从输入字段中获取数值
【发布时间】：2018-05-07 15:57:13
【问题描述】：

我尝试使用 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">

【问题讨论】：

我的意思是...输入的值是多少？
它确实显示它，它只是空的，试试<input id="a" type="number" value="123">
如果您希望在输入时显示您输入的任何内容，您需要将输入绑定到 onkeyup 事件。
是的，我的意思是当您在输入字段中输入一个随机数值时，控制台日志不会显示该数值。
阅读一些关于在 JS 中与 DOM 交互的初学者教程。您将学习如何将功能连接到由页面交互引起的事件。最好学习原生 API，而不是像 jQuery 这样的旧的大型库。

【解决方案1】：

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

【讨论】：

【解决方案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">

【讨论】：