Javascript 如何将输入框中的值传递给另一个输入框

我试图在框之间传递值

因此，当用户在第一个文本框内键入时：

<input type="text" placeholder="Your personal message" id="valbox"></input>
<input type="submit" name="design1" id="butval" value="Choose Design"></input>

然后他们点击“选择设计”按钮，他们输入的内容将传递给另一个用户 在同一页上输入文本框

这是我想传递给的第二个输入框

<input type="text" class="input-text" name="billing_last_name" id="billing_last_name" placeholder="" value="">

任何帮助都将不胜感激

---

谢谢

首先为submit按钮添加一个clicklistener，并在该回调中通过元素传递文本

document.getElementById("butval").addEventListener("click", function(event){
    var text = document.getElementById("valbox").value;
    document.getElementById("billing_last_name").value = text;
    event.preventDefault();
    return false;
});

---

这在jquery中是最简单的

<input type="text" placeholder="Your personal message" id="valbox"></input>
<input type="submit" name="design1" id="butval" value="Choose Design"></input>

<input type="text" class="input-text" name="billing_last_name" id="billing_last_name" placeholder="" value="">

使用简单的

$("#butval").click(function(event){
    $("#billing_last_name").html("<p>"+$("#valbox").html()+"</p>");
    event.preventDefault();
});

$（“#butval”）。单击（函数（事件）{
$（“#billing#u last_name”）.html（“”+$（“#valbox”）.html（）+”
”；
event.preventDefault（）；
});

但最好将

type=“submit”

更改为

type=“button”

，这样就可以删除基本上不必要的行

事件。preventDefault（）

使用
按钮
类型输入，而不是
提交
类型输入

HTML

<input type="text" placeholder="Your personal message" id="valbox"></input>
<input type="button" name="design1" id="butval" value="Choose Design"></input>
<input type="text" class="input-text" name="billing_last_name" id="billing_last_name" placeholder="" value="">

到目前为止你做了些什么？谢谢，这很有效。我必须完成一些代码，如果你说不出来的话，我的javascript非常糟糕
window.onload = function(){
    document.getElementById('butval').onclick = function(){
        document.getElementById('billing_last_name').value = document.getElementById('valbox').value;   
    }
};