How to add a new hidden input fields to the form on submit

by

The document.forms object is a collection of all <form> elements in the page. It has numeric indexes, and named items. The named items correspond to a name attribute of each <form>.

var theForm = document.forms['detParameterForm'];

To make appending data easier, you can create a function which adds data for a given form.

function addHidden(theForm, key, value) {
    // Create a hidden input element, and append it to the form:
    var input = document.createElement('input');
    input.type="hidden";
    input.name = key; // 'the key/name of the attribute/field that is sent to the server
    input.value = value;
    theForm.appendChild(input);
}

// Form reference:
var theForm = document.forms['detParameterForm'];

// Add data:
addHidden(theForm, 'key-one', 'value');
addHidden(theForm, 'another', 'meow');
addHidden(theForm, 'foobarz', 'baws');

// Submit the form:
theForm.submit();

More Related Contents:

  1. Define a function with a prototype chain
  2. Is there a function, like componentWillUnmount, that will fire before the page is refreshed
  3. Ionic 4 Events not working in device but working on browser
  4. jQuery parent of a parent
  5. Determining Date Equality in Javascript
  6. What do “module.exports” and “exports.methods” mean in NodeJS / Express?
  7. Angular-animate – Unknown provider: $$asyncCallbackProvider
  8. Twitter-style autocomplete in textarea
  9. Is NaN falsy? Why NaN === false returns false
  10. Logical operator && and two strings in javascript
  11. leaflet map shows up grey
  12. JavaScript Array Push key value
  13. React native – objects are not valid as a React child (found: object with keys {$$typeof, type, key, ref, props, _owner, _store})
  14. What happens to JavaScript code after app is compiled using Titanium Mobile
  15. pipe() and then() documentation vs reality in jQuery 1.8
  16. JavaScript: how to serialize a DOM element as a string to be used later?
  17. Using JavaScript to increment top/left/bottom/right values
  18. How to create a “show more” button and specify how many lines of text can be initially shown
  19. How to get text between two characters?
  20. Adding Event Listeners on Elements – Javascript
  21. Conditional Compilation is turned off in Razor?
  22. Vite – change ouput directory of assets
  23. How do I pass the value instead of the reference of an array?
  24. How to get the modified time of a file being uploaded in JavaScript?
  25. How to get html source code from external url
  26. Can forEach in JavaScript make a return? [duplicate]
  27. Use a web mobile framework?
  28. Why do shaders have to be in html file for webgl program?
  29. find words in html page with javascript
  30. Iterate through nested json object array

Leave a Comment