javascript - 将呈现的输入值放入另一个输入字段

Question

我正在尝试将第一个输入字段的渲染值放入第二个输入字段但我在输出方面遇到了一些问题

代码如下:

<script>
   function displayNumber(){     
      var card = document.getElementById('credit').value;

      var str = "";
      for(var i=1; i <= card.length-4; i++) {
         str += "*";
      }

      ecard = str + card.substr(card.length-4);
      document.getElementById('out').innerHTML = ecard;
      $("#output").val(ecard);
   }

   window.onload = displayNumber; 
</script>

<form id="myform">
   <input type="text" id="credit"   value="123456789012">
   <br>
   <input type="text" id="output" > 
</form> 

<label id="out"></label>

信用值即123456789012

应该出现在输入字段“输出”内作为

********9012

这是演示 JSFIDDLE

Answer 1

该代码应该可以工作，确保您使用的是 jQuery 库，我对此表示怀疑，因为您同时使用了 javascript vanilla 语法和 jQuery 语法。因此，请确保您包含 jQuery 库以使其正常工作。

如果您不打算使用 jQuery，请替换您的以下行:

$("#output").val(ecard);

对于这个:

document.getElementById('output').value = ecard;