Change form values after submit button pressed

by

I’m curious about your statement that the submit handler didn’t work for you. It does for me. I’ve used it for years to fill in hidden fields before sending forms in; should work for other form fields as well.

Example (live copy):

HTML:

<form id='theForm'
    action='http://www.google.com/search'
    method='GET' target="_new">
      <label>Search for:
        <input type="text" name="q" id='txtSearch'></label>
      <input type="submit" id='btnSearch' value="Search">

JavaScript:

window.onload = function() {

  document.getElementById('theForm').onsubmit = function() {
    var txt = document.getElementById('txtSearch');
    txt.value = "updated " + txt.value;
  };
};​

Tested and working on IE6 and IE7 on Windows, and Chrome, Firefox, and Opera on Linux.

Update: Based on your comment below, you’re using jQuery. Works fine using jQuery for everything as well:

$('#theForm').submit(function() {
  var txt = $('#txtSearch');
  txt.val("updated " + txt.val());
});

Live example Tested and working on the same set of browsers. This version uses a more open search rather than an id, and also still works.

More Related Contents:

  1. PLEASE assist me.. RE: *FORM FIELDS* I want to Hide() my "type=text box" until the Other option is chosen in the dropdown option
  2. How to hide css and js version details from weppalyzer in PHP
  3. Dynamically adding div on button click and changing Id of each?
  4. How to make page loaders/animations/transitions
  5. Get specific text from html tag jquery [duplicate]
  6. How to change the image while sharing the content to the social networks? [duplicate]
  7. How to scroll an HTML page to a given anchor
  8. How to show Page Loading div until the page has finished loading?
  9. How to reload current page without losing any form data?
  10. Jquery load() only working in firefox?
  11. How do I add an “Add to Favorites” button or link on my website?
  12. Play an audio file using jQuery when a button is clicked
  13. Getting Bootstrap’s modal content from another page
  14. Can I use javascript to dynamically change a video’s source?
  15. Sort an html list with javascript
  16. Run change event for select even when same option is reselected
  17. JQuery Slider, how to make “step” size change
  18. HTML 5 – Play file at certain time point
  19. How to move table row in jQuery?
  20. Bootstrap 4 multiselect dropdown
  21. How to enable Bootstrap tooltip on disabled button?
  22. How can I get all a form’s values that would be submitted without submitting [duplicate]
  23. Jquery click event not firing on the element created dynamically using jquery
  24. Calculate Position of selected text javascript/JQuery?
  25. Adding onClick event dynamically using jQuery
  26. How do I refresh a DIV content?
  27. Get content of span
  28. Changing “src” attribute of
  29. Fire oninput event with jQuery
  30. canvas- Cropping images in different shapes

Leave a Comment