表单内的更新值不能正确转移到新的div中

时间:2017-01-30 07:03:11

标签: javascript jquery html

基本上当您输入超出指定范围的值时,它会更新为允许的最小值/最大值,但var的值不会更新为max / min。 (你可以在两个表格中输入1并点击报价来检查) https://jsfiddle.net/epf4uyr6/

function cadCheck(input) {
  if (input.value < 2) input.value = 2;
  if (input.value >= 100) input.value = 99.99;
}


document.getElementById('cad').onkeyup = function() {
var cad = (this.value);
document.getElementById("cad-quote").innerHTML = "Market: $" +cad;
}

1 个答案:

答案 0 :(得分:3)

你的值没有正确更新,因为,首先执行keyup函数然后执行onchange(cadCheck)函数。

你当前的逻辑是在onchange函数内部,这就是为什么值不能正确更新。

在onkeyup函数中移动此行,并从onchange中删除它。

document.getElementById('cad').onkeyup = function() {
                   if (this.value >= 100) this.value = 99.99;
                    var cad = (this.value);
                    document.getElementById("cad-quote").innerHTML = "Market: $" +cad;
                 }