获取输入值并使用javascript将其传递给另一个输入

Question

我的表单中有2个输入，我想要这样：

第一个输入的值必须是第二个输入的值。

HTML

<input type="text" id="input1" onKeyUp="getVal()" name="" value="" />
<input type="text" id="input2" name="" value="" />

JAVASCRIPT

<script language="javascript" type="text/javascript">
  function getVal(){
  document.getElementById('input2').value = document.getElementById('input1').value;
  }
</script>

我目前的代码无效。有人可以帮忙吗？

Answer 1

这是落后的，1是覆盖自己。

<script language="javascript" type="text/javascript">
    function getVal(){
        document.getElementById('input2').value = document.getElementById('input1').value;
    }
</script>

Answer 2

如果您想将input2上的值设置为input1的值，则需要交换ID。

<script language="javascript" type="text/javascript">
    function getVal(){
        document.getElementById('input2').value = document.getElementById('input1').value;
    }
</script>

Answer 3

您反转了值归属，这意味着每次在input1中释放键时，input1的值都会被输入2覆盖。 试试这个：

<script language="javascript" type="text/javascript">
  function getVal(){
      document.getElementById('input2').value = document.getElementById('input1').value;
  }
</script>

Answer 4

使用Javascript：

<script language="javascript" type="text/javascript">
  function getVal(){
  document.getElementById('input2').value = document.getElementById('input1').value;
  }
</script>

使用Jquery：

<script language="javascript" type="text/javascript">
  function getVal(){
  $("#input2").val($("#input1").val());
  }
</script>

顺便问一下，为什么要把这个名字留空？我的意思是，name=""？