Как передать значение в поле ввода, в другое поле ввода

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();