【问题标题】:Autofill input with another input values用另一个输入值自动填充输入
【发布时间】:2026-01-08 06:10:01
【问题描述】:

我需要用另一个输入字段的值自动填充一个输入字段。到目前为止,我有这个:

$("#field1, #field2").keyup(function(){
    $("#result").val(this.value);
});

<input type="text" id="field1" name="field1" value="" >
<input type="text" id="field2" name="field2" value="" >

//* to be filled with the values of the inputs above *// 
<input type="text" id="result" name="resut" value="">

【问题讨论】:

  • 这是什么语言?
  • javascript,但如果有其他方法,我将不胜感激。
  • 所以你想用两个输入填充一个输入?我不明白你在这里的期望。
  • 是的!我需要一个输入来填充两个输入值。

标签: javascript autofill


【解决方案1】:

怎么样

$("#field1, #field2").keyup(function(){
    update();
});

function update() {
  $("#result").val($('#field1').val() + " " + $('#field2').val());
}

$("#field1, #field2").keyup(function(){
    update();
});

function update() {
  $("#result").val($('#field1').val() + " " + $('#field2').val());
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="field1" name="field1" value="" >
<input type="text" id="field2" name="field2" value="" >
<br>
<input type="text" id="result" name="resut" value="">

【讨论】:

  • 非常感谢,成功了!你帮助这个网站变得很棒!
  • 感谢 Ninetainedo。名称错误(name="result")。
【解决方案2】:

$("#field1, #field2").keyup(function(){
    update();
});

function update() {
  $("#result").val($('#field1').val() + " " + $('#field2').val());
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="field1" name="field1" value="" >
<input type="text" id="field2" name="field2" value="" >
<br>
<input type="text" id="result" name="resut" value="">

$("#field1, #field2").keyup(function(){
    update();
});

function update() {
  var a = $('#field1').val();
  var b = $('#field2').val();

  $("#result").val('x');
  
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="field1" name="field1" value="" >
<input type="text" id="field2" name="field2" value="" >
<br>
<input type="text" id="result" name="resut" value="">

【讨论】:

    最近更新 更多