这是它的 JSfiddle,似乎无法让只读输入更新为其他输入的值(它将成为隐藏输入)
HTML
<form>
<input id="otherAmt" class="qty" type="text" placeholder="Amount Hidden" />
<p> The Costs are:</p> <input type="text" id="otherAmtHidden" name="otherAmtHidden" readonly="" />
</form>
var otherAmt = document.getElementById("otherAmt");
var otherAmtHidden = document.getElementById("otherAmtHidden");
otherAmt.oninput = function(){
alert('input Received');
var val1 = parseInt(otherAmt.value, 10);
alert(val1 + 'val1');
var amtHidden = val1;
alert(amtHidden + 'amtHidden');
//otherAmtHidden.innerHTML = amtHidden;
$('input [name="otherAmtHidden"]').val(amtHidden);
alert('finished');
};
编辑: 我很笨,通过将 $('input etc').val(amtHidden);
更改为 $('# otherAmtHidden).val(amtHidden);
最佳答案
我很笨,我通过更改 $('input etc').val(amtHidden); 解决了这个问题到 $('#otherAmtHidden).val(amtHidden);
Fixed Javascript
var otherAmt = document.getElementById("otherAmt");
var otherAmtHidden = document.getElementById("otherAmtHidden");
otherAmt.oninput = function(){
var val1 = parseInt(otherAmt.value, 10);
var amtHidden = val1;
$('#otherAmtHidden').val(amtHidden);
};
关于javascript - 使用 oninput 将 val 发送到输入的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23037037/