Get input value and pass it to another input using javascript

Question

I have 2 input in my form and I want it like this:

The value of the first input must be the value of the second input.

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>

My current code is not working. Can somebody help?

Unrelated to your question, but both the language and type attributes on the script tag are superfluous. — user663031
– user663031, Commented Aug 13, 2015 at 6:58
Its typo you assigning blank value of input2 on keypup of input1. — Manwal
– Manwal, Commented Aug 13, 2015 at 7:01

Madness · Accepted Answer · 2015-08-13 06:53:43Z

1

This was backward, 1 was overwriting itself.

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

answered Aug 13, 2015 at 6:53

Madness

2,7363 gold badges23 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Manwal Over a year ago

We know very well its not your question and your solution is perfect. But still we are voting to close question. Because OP is asking for just typo correction.

Madness Over a year ago

Oh that was just weird, with the other comment from someone else, I was just like woah what happened, no worries.

Alexis Tyler · Accepted Answer · 2015-08-13 06:53:45Z

1

If you want to set the value on input2 to the value of input1 then you need to swap the ids.

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

answered Aug 13, 2015 at 6:53

Alexis Tyler

9766 gold badges32 silver badges51 bronze badges

Comments

Remy Grandin · Accepted Answer · 2015-08-13 06:54:18Z

1

You inverted you value attribution, meaning that each time you release a key in input1, the value of input1 is overwritter by input 2. Try this :

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

answered Aug 13, 2015 at 6:54

Remy Grandin

1,5961 gold badge14 silver badges36 bronze badges

Comments

Saswat · Accepted Answer · 2015-08-13 07:09:21Z

0

Using Javascript:

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

Using Jquery:

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

By the way, why are you keeping the name as blank? I mean, name=""?

edited Aug 13, 2015 at 7:09

answered Aug 13, 2015 at 6:56

Saswat

12.9k18 gold badges84 silver badges161 bronze badges

Collectives™ on Stack Overflow

Get input value and pass it to another input using javascript

4 Answers 4

2 Comments

Comments

Comments

Using Javascript:

Using Jquery:

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

Using Javascript:

Using Jquery:

Comments

Your Answer

Sign up or log in

Post as a guest

Related