Question

我有三个输入框。如果我在第一个输入'a'而在第二个输入'b'，我应该在第三个输入框中输入'a＆amp; b'。帮助！

HTML：

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

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

<input type="text" id="gname" >

SCRIPT：

<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.But我的不行。请帮忙

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：

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

Answer 1

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

请参阅this documentation from MDN并搜索concatenation。

替换

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

与

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

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

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

工作代码段：

＆＃13;

function myFunction() {
  var v = parseInt(document.getElementById("fname").value);
  var c = parseInt(document.getElementById("lname").value);
  document.getElementById("gname").value = v||c;
}

＆＃13;

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

＆＃13;

Answer 2

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

使用'＆amp;'显示两个输入值在onkeyup的另一个输入框中介于两者之间

2 个答案: