在 onkeyup 的另一个输入框中显示两个输入值，中间带有“&”

Display two input values with '&' in-between them in another input box in onkeyup

本文关键字：输入 中间 amp 两个 另一个 onkeyup 显示      更新时间：2023-09-26

我有三个输入框。如果我在第一个输入"a"，在第二个输入框中输入"b"，我应该在第三个输入框中得到"a&b"。帮助！！

.HTML： 

<input type="text" id="fname" onkeyup="myFunction()">
<input type="text" id="lname" onkeyup="myFunction()">
<input type="text" id="gname" >

脚本：

<script>
function myFunction() {
    var v = document.getElementById("fname").value;
 var c = document.getElementById("lname").value;
    document.getElementById("gname").innerHTML = v.'&'.c;
}
</script>

更新：还建议我，我只需要显示var v或r.但是我的不起作用。请帮忙

.HTML：

<input type="text" id="fname" onkeyup="myFunction()">
<input type="text" id="rname" onkeyup="myFunction()">
 <input type="text" id="lname" onkeyup="myFunction()">
 <input type="text" id="gname" >

脚本：

    <script>
    function myFunction() {
        var v = document.getElementById("fname").value;
 var r = document.getElementById("rname").value;
     var c = document.getElementById("lname").value;
        document.getElementById("gname").innerHTML = (v||r)+'&'+c;
    }
    </script>

Javascript 中的连接是使用 + 运算符完成的。

请参阅来自 MDN 的此文档并搜索 concatenation 。

取代 

document.getElementById("gname").innerHTML = v.'&'.c;

跟

document.getElementById("gname").innerHTML = v+'&'+c;

此外，使用 .value 设置文本框的值而不是 .innerHTML 。

编辑：根据OP的要求使用逻辑或运算符更新代码。

工作代码片段：

function myFunction() {
  var v = parseInt(document.getElementById("fname").value);
  var c = parseInt(document.getElementById("lname").value);
  document.getElementById("gname").value = v||c;
}
<input type="text" id="fname" onkeyup="myFunction()">
<input type="text" id="lname" onkeyup="myFunction()">
<input type="text" id="gname" >

Enter value<input type="text" id="textbox1" onkeyup="document.getElementById('textbox2').value = this.value" />
<input type="text" id="textbox2" />

相关文章：