javascript - 使用 oninput 将 val 发送到输入的问题

Question

Fiddle Demo

这是它的 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);

Answer 1

我很笨，我通过更改 $('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);
};