使用 jQuery 在第三个输入中组合两个输入的值答案

【问题标题】：Use jQuery to combine values of two inputs in a third input使用 jQuery 在第三个输入中组合两个输入的值
【发布时间】：2016-02-20 16:21:24
【问题描述】：

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

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

这是我目前所拥有的：https://fiddle.jshell.net/a2n234eq/

【问题讨论】：

标签： jquery html text html-input

【解决方案1】：

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

【讨论】：

【解决方案2】：

如果我理解正确的话，你会喜欢this。

我在这里所做的是获取了您的代码，并对其进行了更改，以便将值 get 存储在一个变量中，当最后一个输入发生更改时，该变量被放入第三个输入中。

代码如下所示：

HTML

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

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

不要忘记在 HTML 中包含 jQuery

希望这会有所帮助！

【讨论】：