Javascript 用'显示两个输入值&'；在onkeyup中的另一个输入框中

我有三个输入框。如果我在第一个输入框中输入“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>

<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>

脚本：

<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>

<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>

函数myFunction（）{
var v=document.getElementById（“fname”）.value；
var c=document.getElementById（“lname”）.value；
document.getElementById（“gname”）.innerHTML=v.&.c；
}

更新：还建议我，我必须只显示变量v或r。但我的不起作用。请帮助

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>

<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>

脚本：

<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>

<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>

函数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；
}

Javascript中的连接是使用

+

运算符完成的。

请参阅并搜索

串联

更换

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

与

另外，使用

.value

设置文本框的值，而不是

.innerHTML

---

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

工作代码片段：

<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>

<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>

函数myFunction（）{
var v=parseInt（document.getElementById（“fname”）.value）；
var c=parseInt（document.getElementById（“lname”）.value）；
document.getElementById（“gname”）.value=v | | c；
}

输入值

JS中的字符串连接带有加号。因此，使用

v+'&'+c

instead请找到下面的答案，如果它解决了您的问题，请将其标记为已接受。您也可以使用

String.concat

方法：

v.concat（'&'）.concat（c）

。或

Array.join

：

[v，c]。join（“&”）

另一个问题：您试图更改

innerHTML

，但需要更改输入的值：

。值=“”

@coder\u技术ID对于HTML中的每个元素都应该是唯一的。使用重复的ID将在浏览器中呈现无效的HTML。@coder\u tech您需要定义适当的逻辑来选择

v

或

r

，然后才能相应地编写代码。编辑：您的意思是使用逻辑

还是
？@coder\u tech请参见上述问题中的编辑。通过在两个文本框中输入
1
和
0
尝试测试它。