JQuery将2个输入框的值添加到第三个

Question

我的页面中有3个输入框。

我需要做的是Onchange添加输入框A和输入框B的值与逗号分隔两个值。

例如：

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

Result = 'MyValueA , MyValueB' 

Answer 1

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

Answer 2

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

Answer 3

这将允许无限文本框

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