Redirecting after form submission with user input in the URL

后端 未结 3 932
轮回少年
轮回少年 2021-01-03 17:14

I need to have a form that when filled out will create a variable and then goto a url with that variable in the url.

Something like this (but that works) :)

相关标签:
3条回答
  • 2021-01-03 17:38
    <form>
    Number: <input type="text" name="url1" id="url1" value=""><br>
    <input type="submit" name="submit" value="Goto URL" onclick="redirect()">
    </form>
    
    <script>
    function redirect()
    {
      window.location='http://somewhere.com?url=' + document.getElementByID('url1').value;
    }
    </script>
    
    0 讨论(0)
  • 2021-01-03 17:39

    Different from 1st. No form needed, add an attribute named 'id' for the textfield,then defined a javascript function to retrieve the value of textfield,then do the jump, Hope usefully.

    <form action="?????" method="?????">
    
    Number: <input id="url1" type="text" name="url1" value=""><br>
    
    <input type="button" name="submit" value="gotoURL()">
    </form>
    
    <script>
    function gotoURL(){
    window.location='http://somewhere.com?url='+document.getElementById('url1').value;
    }
    </script>
    
    0 讨论(0)
  • 2021-01-03 17:40

    Use method="GET" to place the variables in the url:

    <form action="http://somewhere.com/" method="GET">
        Number: <input type="text" name="url" value="" /><br />
    
        <input type="submit" name="submit" value="Goto URL" />
    </form>
    

    Posting this form will go to http://somewhere.com/?url=USER_INPUT_URL

    0 讨论(0)
提交回复
热议问题