从另一个动态html的值设置输入框的max属性

debugcn 发表于 Dev

MNM

我正在尝试将此输入框的最大数量设置为另一个输入框，但是我缺少有关如何连接两个输入框的信息。这是我希望最大值根据另一个输入的当前值而更改的值

<input id="movement-quantity" class="movement-quantity" type="number" step="1" min="0" max = "1" pattern="\d*" required>

这是我要从中获取值的输入，此值将自动与其他代码一起更改，因此我尝试收听此代码

<input id="store-from-current-quantity" class="store-from-current-quantity" type="text" disabled>

这是我目前正在使用的功能

    function getMaxValueForRequest()
{
    var requester = document.getElementById("movement-quantity");
    var currentItemAmount = parseInt(document.getElementById("store-from-current-quantity").value);
    requester.max = currentItemAmount;
}

这是上面函数所在的脚本文件的开头

//variables
var numberAv=  parseInt(document.getElementById("store-from-current-quantity").value);
numberAv.elX.onchange = getMaxValueForRequest;

埃尔兹

使用Element.setAttribute

笔记

我已经手动给定#store-from-current-quantity了HTML中的值-我认为这是在您的应用中的其他位置设置的。
change直到模糊/提交/等事件触发，事件侦听器才会启动，因此您可能需要考虑keydown或keyup。

但是，我有些困惑numberAv.elX.onchange-为什么要尝试获取elXNumber的属性？

disabled在此示例中，我已经删除了第二个输入上的属性，以便您可以对其进行测试。

function getMaxValueForRequest() {
  var requester = document.getElementById("movement-quantity");
  var currentItemAmount = parseInt(document.getElementById("store-from-current-quantity").value);
  requester.setAttribute('max', currentItemAmount);
}


// init once to set
getMaxValueForRequest()


// listen for changes
document.getElementById("store-from-current-quantity").addEventListener('change', function(event) {
  getMaxValueForRequest()
})

<input id="movement-quantity" class="movement-quantity" type="number" step="1" min="0" max = "1" pattern="\d*" required>
<input id="store-from-current-quantity" class="store-from-current-quantity" type="text" value="5">

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。