javascript - 在 HTML 中使用 JavaScript 在文本框中输入值

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>