想要从输入字段中输出确切的值

Want to output exact value from the input field

本文关键字：输出 输入 字段      更新时间：2023-09-26

>我正在制作电子商店，我想输出输入字段中写入的确切金额 

  <input type="number" id="val" value="1" class="input-text" >
  $("input[type=number]").ready(function(){
    var val = $("#val").val();
    alert("there are " + val + "in your cart");
  });

现在的问题是它只返回 1，因为我将值设置为 1

这是小提琴示例 https://jsfiddle.net/s81g6963/3/

我希望

用户输入值，我希望该值乘以产品价格 $9.99

你不想在 document 元素以外的任何东西上使用 ready，并且只在需要等待 DOM 准备就绪的情况下（也许是因为你无法控制脚本标签的去向;如果你这样做，只需将脚本标签放在页面末尾，在结束</body>标签之前）。

如果您希望该代码在用户更改值时运行，请使用change：

$("input[type=number]").on("change", function(){
  var val = $("#val").val();
  alert("there are " + val + "in your cart");
});

如果要在文档准备就绪和用户更改值时运行它，请将代码放在命名函数中，并在两个位置使用它：

$(document).ready(function() {
    function useTheValue() {
      var val = $("#val").val();
      alert("there are " + val + "in your cart");
    }
    $("input[type=number]").on("change", useTheValue);
    useTheValue();
});

或者如果脚本在body末尾，则可以省略ready：

(function() {
    function useTheValue() {
      var val = $("#val").val();
      alert("there are " + val + "in your cart");
    }
    $("input[type=number]").on("change", useTheValue);
    useTheValue();
})();
相关文章：