时间戳

首页 > 解决方案 > 使用javascript在输入时从输入字段中获取值

javascript - 使用javascript在输入时从输入字段中获取值

问题描述

我正在尝试使用输入字段中的值设置 2 个变量并使用它们来计算面积。

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<form>
  <label for="fname">Height:</label>
  <input type="text" id="boxHeight" name="fname"><br><br>
  <label for="lname">Width:</label>
  <input type="text" id="boxWidth" name="lname"><br><br> 
</form>
</body>
</html>

//var l = jQuery('#boxWidth').find('input');   ---> does not work
//var h = jQuery('#boxHeight').find('input');   ---> does not work
var l = document.getElementById("#boxWidth");
var h = document.getElementById("#boxHeight");

var a = parseInt(l);
$(document).on("change paste keyup", "#boxWidth, #boxHeight", () => {
                console.log("text "+a);
            });

可以在此处测试代码获取整数的输入

似乎没有任何效果。有什么建议么？

标签： javascriptjqueryinputinteger

解决方案

您在获得正确的输入以及这些输入的价值方面存在许多小问题。

$(document).on("change paste keyup", "#boxLatime, #boxInaltime", () => {
  var boxLatime = document.getElementById("boxLatime");
  var boxInaltime = document.getElementById("boxInaltime");
  var l = parseInt(boxLatime.value) || 0;
  var h = parseInt(boxInaltime.value) || 0;
  vr_do_l_h(l, h);
});

https://jsfiddle.net/dvtc9brq/

推荐阅读