Adding POST parameters before submit

Question

I've this simple form:

<form id="commentForm" method="POST" action="api/comment">     <input type="text" name="name" title="Your name"/>     <textarea  cols="40" rows="10" name="comment" title="Enter a comment">     </textarea>     <input type="submit" value="Post"/>     <input type="reset" value="Reset"/> </form> 

I need to add two POST parameters before send to the server:

var params = [                {                  name: "url",                  value: window.location.pathname                },                {                   name: "time",                   value: new Date().getTime()                }              ]; 

without modifying the form, please.

Answer 1

To add that using Jquery:

$('#commentForm').submit(function(){ //listen for submit event     $.each(params, function(i,param){         $('<input />').attr('type', 'hidden')             .attr('name', param.name)             .attr('value', param.value)             .appendTo('#commentForm');     });      return true; });  

Answer 2

you can do this without jQuery:

    var form=document.getElementById('form-id');//retrieve the form as a DOM element      var input = document.createElement('input');//prepare a new input DOM element     input.setAttribute('name', inputName);//set the param name     input.setAttribute('value', inputValue);//set the value     input.setAttribute('type', inputType)//set the type, like "hidden" or other      form.appendChild(input);//append the input to the form      form.submit();//send with added input