Question

我试图在框之间传递值。

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

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

非常感谢任何帮助谢谢

Answer 1

的 Live Demo

而不是submit类型输入使用button类型输入。

<强> 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="">

<强> JS

window.onload = function(){ document.getElementById('butval').onclick = function(){ document.getElementById('billing_last_name').value = document.getElementById('valbox').value; } };

Answer 2

首先为提交按钮添加一个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;
});

Answer 3

这是迄今为止最简单的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();
});

但最好将type="submit"更改为type="button"，然后您可以删除基本上不必要的行event.preventDefault();

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

3 个答案: