用另一个输入值自动填充输入

Posted 2023-02-24

【中文标题】用另一个输入值自动填充输入

【英文标题】：Autofill input with another input values

【发布时间】：2015-03-01 20:44:28

【问题描述】：

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

$("#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，但如果有其他方法，我将不胜感激。

所以你想用两个输入填充一个输入？我不明白你在这里的期望。

是的！我需要一个输入来填充两个输入值。

【参考方案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="">