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

时间:2015-11-18 19:13:05

标签: jquery html text html-input

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

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

这是我到目前为止所做的:https://fiddle.jshell.net/a2n234eq/

2 个答案:

答案 0 :(得分:3)

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

答案 1 :(得分:0)

如果我理解正确,你希望它像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);
});

不要忘记在HTML中包含jQuery

希望这有帮助!