使用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()); 
});