Введите значение в текстовое поле с помощью JavaScript в HTML

Question

У меня есть веб-сайт с текстовым полем и рядом с этим текстовым полем. У меня есть кнопка, которую я хочу, когда пользователь нажимает на них, текст переходит в текстовое поле и отправляет форма. Например, у меня есть этот код:

<form action="send.php" method="post"> 
    <input type="text" name="url"><br> 
    <button type="button" value="www.example1.com">Website #1</button> 
    <button type="button" value="www.example2.com">Website #2</button> 
    <button type="button" value="www.example3.com">Website #2</button> 
</form> 

Когда пользователь нажимает на каждой кнопки JavaScript автоматически вставит значение кнопки затем представить форму.
Как я могу это сделать?

Answer 1

Вы можете использовать jQuery? если так переписать его таким образом

<form action="send.php" method="post"> 
<input type="text" id="txturl" name="url"><br> 
<button type="button" value="www.example1.com" onclick="sendToSite('www.example1.com');">Website #1</button> 
</form> 

<script> 


    function sendToSite(arg){ 
     $("#texturl").val(arg); 
     $("#send.php").submit(); 
    } 
</script> 

Answer 2

HTML

<form id="form1" action="send.php" method="post"> 
    <input type="text" name="url" /><br> 
    <button type="button" value="www.example1.com">Website #1</button> 
    <button type="button" value="www.example2.com">Website #2</button> 
    <button type="button" value="www.example3.com">Website #2</button> 
</form> 

JAVASCRIPT

var form1 = document.getElementById("form1"); 
var url = document.getElementsByName("url")[0]; 
var buttons = form1.getElementsByTagName("button"); 
for (var index = 0; index < buttons.length; index++) 
{ 
    buttons[index].addEventListener("click", function(){ 
     url.setAttribute("value", this.getAttribute("value")); 
     form1.submit(); 
    }); 
}