Question

有没有办法使用类似于html表单的功能＆＃39; get＆＃39;在不使用表单的情况下按下按钮时，根据文本框的文本附加URL的功能？

    <form method="get" action="https://www.google.co.uk/">
    <input type="text" name="q"/>
    <input type="submit" value="Search">
    </form>

我不认为我可以使用普通表单，因为我想拥有1个文本框，但有两个功能和两个按钮（Google搜索和Bing搜索）。如果我错了，请随时告诉我如何将两个功能添加到一个表单中！

Answer 1

您可以使用常规按钮代替提交按钮，并在提交之前连接它们以更改表单的操作：

<form method="get" action="https://www.google.co.uk/">
  <input type="text" name="q"/>
  <input type="button" value="Google Search" onClick="this.form.action='https://www.google.co.uk'; this.form.submit();"/>
  <input type="button" value="Bing Search" onClick="this.form.action='https://www.bing.co.uk'; this.form.submit();"/>
</form>

Answer 2

像这样的东西可能会让你朝着正确的方向前进？

<!DOCTYPE html>
<html>

<body>
    <h1>Hello Plunker!</h1>
  <input type="text" value="Value of First Text Box" id="box1">
  <input type="text" value="Value of Second Text Box" id="box2">

  <script>
  (function() {
  var x  = document.getElementById('box1').value;
  var y  = document.getElementById('box2').value;


  alert(document.location +'?'+ x + '?' + y);
  })();
  </script>

</body>

</html>

<强> http://plnkr.co/edit/ZEso7gtHyCW241O0E59w?p=preview

但你应该理想地看看问题评论中的答案。

表格获取没有表格的功能

2 个答案: