Autofill input with another input values

Question

I need to autofill an input field with the values of another input fields. So far I have this:

$("#field1, #field2").keyup(function(){
    $("#result").val(this.value);
});

<input type="text" id="field1" name="field1" value="" >
<input type="text" id="field2" name="field2" value="" >

//* to be filled with the values of the inputs above *// 
<input type="text" id="result" name="resut" value="">

javascript, but if there's another way, I would greatly appreciate it. — Victor Vizcaino
– Victor Vizcaino, Commented Mar 1, 2015 at 20:54
So you want one input to be filled with two inputs ? I don't get what you are expecting here. — Telokis
– Telokis, Commented Mar 1, 2015 at 21:01

Telokis · Accepted Answer · 2015-03-01 21:34:51Z

9

What about

$("#field1, #field2").keyup(function(){
    update();
});

function update() {
  $("#result").val($('#field1').val() + " " + $('#field2').val());
}

$("#field1, #field2").keyup(function(){
    update();
});

function update() {
  $("#result").val($('#field1').val() + " " + $('#field2').val());
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="field1" name="field1" value="" >
<input type="text" id="field2" name="field2" value="" >
<br>
<input type="text" id="result" name="resut" value="">

answered Mar 1, 2015 at 21:34

Telokis

3,38916 silver badges38 bronze badges

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

1 Comment

Victor Vizcaino Over a year ago

Thank you so much, this worked! You help making this site awesome!

JJEMBA KENNETH · Accepted Answer · 2016-03-24 07:59:10Z

$("#field1, #field2").keyup(function(){
    update();
});

function update() {
  $("#result").val($('#field1').val() + " " + $('#field2').val());
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="field1" name="field1" value="" >
<input type="text" id="field2" name="field2" value="" >
<br>
<input type="text" id="result" name="resut" value="">

$("#field1, #field2").keyup(function(){
    update();
});

function update() {
  var a = $('#field1').val();
  var b = $('#field2').val();

  $("#result").val('x');
  
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="field1" name="field1" value="" >
<input type="text" id="field2" name="field2" value="" >
<br>
<input type="text" id="result" name="resut" value="">

Collectives™ on Stack Overflow

Autofill input with another input values

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related