Question

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

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

例如：

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

Result = 'MyValueA , MyValueB'

Answer 1

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

Answer 2

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

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

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

3 个答案: