Question

<select id="height" name="" id="">
   <option value="FEET">FEET</option>
   <option value="INCHES">INCHES</option>
</select>
    <input id="heightNum" type="number">

当我点击btn时，我想要显示heightNum中的数字。但是我要么在控制台中得到一个空白行，要么在＆＃34; 0＆＃34;。因此，如果我在输入中键入123，我仍然会得到＆＃34; 0＆＃34;或一个空白行。提前谢谢。

var height = document.getElementById('height').value.toLowerCase();
var heightNum =  document.getElementById('heightNum').value;

function calcBmi () {
if (height=="feet") {
console.log(heightNum);
 }
}

btn.addEventListener('click', calcBmi);

Answer 1

您对将值分配给变量时感到困惑。

heightNum是一个在页面首次加载时初始化为ONCE的变量。当heightNum元素发生变化时，此值不会自动更新。

只需获取calcBmi中的控件值即可。然后，您知道在click事件触发时，您将获取值。

function calcBmi () {
    var height = document.getElementById('height').value.toLowerCase();
    var heightNum =  document.getElementById('heightNum').value;
    if (height=="feet") {
        console.log(heightNum);
     }
   }

btn.addEventListener('click', calcBmi);

如何获取输入的值[type =＆＃34; number＆＃34;]

1 个答案: