Form Get function without a form

Question

Form Get function without a form

70 views Asked by JBithell At 14 March 2014 at 19:32

Is there a way to use a function similar to a html forms 'get' function to append a url based on the text of a textbox when a button is pressed without using a form?

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

I don't think I can use a normal form for this because I want to have 1 textbox but two functions and two buttons (Google Search and Bing Search). If I am wrong please feel free to tell me how to add two functions to one form!

Original Q&A

There are 2 answers

defau1t On 14 March 2014 at 20:01

Something Like this might get you in the right direction?

<!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

But you should Ideally look at the answer posted in question comment.

**Nuri Hodges** · Accepted Answer · 2014-03-14T19:48:53+00:00

You could use regular buttons instead of submit buttons, and wire them to change the form's action before submitting:

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

TechQA.

Form Get function without a form

There are 2 answers

Related Questions in JAVASCRIPT

Related Questions in HTML

Related Questions in FORMS

Related Questions in WEB

Popular Questions

Popular Tags

Trending Questions