JQuery Add Value of 2 input boxes to a third

Question

I have 3 input boxes in my page.

What I need to do is Onchange add the values of Input box A and Input Box B with a comma separating the two values.

For example:

Input A = 'MyValueA'
Input B = 'MyValueB' 

Result = 'MyValueA , MyValueB'

Ivan · Accepted Answer · 2012-03-28 22:43:10Z

4

$('#inputa, #inputb').change(function (e) {
  var result = $('#inputa').val() + ", " + $('#inputb').val();
  $('#inputc').val(result);
});

answered Mar 28, 2012 at 22:43

Ivan

10.4k12 gold badges49 silver badges79 bronze badges

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

Comments

Adam Shiemke · Accepted Answer · 2012-03-28 22:43:01Z

3

$("#input1, #input2").bind('change', function(){
      $("#input3").val($("#input1").val() + ',' + $("#input2").val());
});

answered Mar 28, 2012 at 22:43

Adam Shiemke

3,7522 gold badges24 silver badges23 bronze badges

Comments

Kyle Macey · Accepted Answer · 2012-03-28 22:58:36Z

2

This will allow infinite textboxes

HTML

<input class="valuegroup" id="inputa" />
<input class="valuegroup" id="inputb" />

<input class="output" id="inputz" />

JS

$(function() {
  $('.valuegroup').on('change keyup', function() {
    var myVal, newVal = $.makeArray($('.valuegroup').map(function(){
        if (myVal = $(this).val()) {
            return(myVal);
        }
    })).join(', ');
    $('.output').val(newVal);

  });
});

DEMO

edited Mar 28, 2012 at 22:58

answered Mar 28, 2012 at 22:53

Kyle Macey

8,1543 gold badges40 silver badges78 bronze badges

Collectives™ on Stack Overflow

JQuery Add Value of 2 input boxes to a third

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related