使用jQuery在第三个输入中合并两个输入的值

Question

我只是在学习jQuery，我试图从第一个和第二个框中获取两个值，并将它们一起添加到由||分隔的另一个输入中。

例如，如果我在第一个文本框中添加“hello”，在第二个框中添加“you”，我想在第三个框中显示hello||you。

这是我到目前为止有：https://fiddle.jshell.net/a2n234eq/

Answer 1

如果我理解正确，您希望它像this。

我在这里所做的是我已经把你的代码，并改变它，所以值的存储在一个变量，当最后一次输入发生变化时，它被放入第三个输入。

的代码看起来是这样的：

HTML

<input id="1"> 
<input id="2"> 
<input id="3"> 

JS

var value; 
$('#1').change(function() { 
    value = $(this).val(); 
}); 
$('#2').change(function() { 
    value += "||"+$(this).val(); 
    $('#3').val(value); 
}); 

不要忘记，包括jQuery的在HTML

希望这会有所帮助！

Answer 2

$("#1, #2").on("keyup", function(){ 
    $("#3").val($("#1").val() + "||" + $("#2").val()); 
});