Appending form input value to action url as path

by

You can use onsubmit attribute and set the action inside a function for example:

<form id="your_form" onsubmit="yourFunction()">
    <input type="text" name="keywords">
    <input type="submit" value="Search">
</form>

function yourFunction(){
    var action_src = "http://localhost/test/" + document.getElementsByName("keywords")[0].value;
    var your_form = document.getElementById('your_form');
    your_form.action = action_src ;
}

More Related Contents:

  1. How to prevent form from being submitted?
  2. Stop form refreshing page on submit
  3. Clearing using jQuery
  4. HTML5 form required attribute. Set custom validation message?
  5. Set the value of an input field
  6. Best way to track onchange as-you-type in input type=”text”?
  7. Adding input elements dynamically to form
  8. How to avoid the need for ctrl-click in a multi-select box using Javascript?
  9. Prevent form redirect OR refresh on submit?
  10. HTML form action and onsubmit issues
  11. Intercept a form submit in JavaScript and prevent normal submission
  12. Drop-down box dependent on the option selected in another drop-down box
  13. How to Call a JS function using OnClick event [duplicate]
  14. jQuery Change event on an element – any way to retain previous value?
  15. How to save data from a form with HTML5 Local Storage?
  16. HTML form with two submit buttons and two “target” attributes
  17. Submit form after calling e.preventDefault()
  18. Getting an option text/value with JavaScript
  19. How to use JavaScript to change the form action [duplicate]
  20. Change value of input and submit form in JavaScript
  21. Why does a FORM with one text INPUT submit on enter while one with two text INPUTs does not? [duplicate]
  22. Check if input is number or letter javascript
  23. How can I get all a form’s values that would be submitted without submitting [duplicate]
  24. Get content of span
  25. form with no action and where enter does not reload page
  26. copying the value of a form’s file input field to another form’s input field
  27. A form’s “action” and “onsubmit”: Which executes first?
  28. Show/hide password onClick of button using Javascript only
  29. adding onclick event to dynamically added button?
  30. Form submit button will not submit when name of button is “submit” [duplicate]

Leave a Comment