如何使用 Javascript 从输入字段获取值？

如何使用 Javascript 获取特定输入字段的值？

我们以这家shopify商店为例：https://geekymate.com/products/magic-doormat-1?variant=18941211607138 https://geekymate.com/products/magic-doormat-1?variant=18941211607138

我正在尝试创建一个脚本，该脚本会根据数量字段中填写的数量自动应用折扣代码。

但要做到这一点，我需要能够获得该字段的最新值。 获取最新/当前值的代码会是什么样子？

编辑：感谢您对问题的提示。我确实知道我需要使用 getElementById （对于上面的链接页面，它是这样的： var x = document.getElementById("Quanity").value; ）但是如果最终用户正在更改，我如何始终自动获取最新输入价值？

其他答案也是正确的（使用 jQuery.keyup），但您也可以使用下面的这个解决方案（更好）。该解决方案使用纯 JavaScript。

该代码通过使用选择元素.getElementById() https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById和用途.addEventListener() https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener当输入改变时做一些事情。

var text = document.getElementById("text");
window.onload = function() {
  text.addEventListener("input", function() {
    console.log(text.value);
  });
}

<input id="text" />

或者，如果您想要 jQuery 解决方案，您可以使用以下内容。这使用了 jQuery.bind() http://api.jquery.com/bind/.

$("#text").bind("input", function() {
  console.log($("#text").val());
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="text" />