how can change form action to text input?

Question

I want to change my form destination based on an input value. How can I do this?

<form id="form" method="POST" action="x.php" onSubmit="">
  <input type="url" id="address" value="google.com">
  <input type="submit" id="go" value="Go">
</form>

Example: When I set http://google.com as address value, so send this form to google.com.

Have you tried setting the forms `action` attribute during `onsubmit`? — Mike Cluck, Aug 27 '15 at 21:37
I know that must be changed through submit. But do not know how.. — Amin Maleki, Aug 28 '15 at 11:28

Prashant Valanda · Answer 1 · 2015-08-28T15:52:56.787

1

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script> 

 <script type="text/javascript">
            $(document).ready(function () {
                $("#address").blur(function () {
                    var form = document.getElementById('form');
                        form.action = $("#address").val();
                });
            });
</script>

<form id="form" method="POST" action="x.php" onSubmit="">
  <input type="text" id="address" value="google.com">
  <input type="submit" id="go" value="Go">
</form>

edited Aug 28 '15 at 15:52

answered Aug 27 '15 at 20:38

Prashant Valanda

480
8
19

Not Work :( Can you type full html(form,js and other)? – Amin Maleki Aug 28 '15 at 11:24
@Mike amin have already add javascript tag so i suggest above solution. – Prashant Valanda Aug 28 '15 at 15:55
@amin i have updated my answer. if you want to redirect to google.com use in input text "http://google.com" – Prashant Valanda Aug 28 '15 at 15:55
@PrashantValanda jQuery is a Javascript library. Running Javascript does not imply you are using jQuery. – Mike Cluck Aug 28 '15 at 19:50

Amin Maleki · Accepted Answer · 2022-05-25T14:16:20.333

I use "How do I get the value of text input field using JavaScript?" & "How can I set the form action through JavaScript?" to write my code:

<script type="text/javascript">
    function get_action(form) {
        form.action = 'http://'+document.getElementById("address").value;
    }
</script>

<form onsubmit="get_action(this);">
  <input type="text" id="address" value="google.com">
  <input type="submit" id="go" value="Go">
</form>

how can change form action to text input?

2 Answers2