jquery - formulario - input dinamico php

¿Cómo agregar campos adicionales para formar antes de enviar?

Question

¿Hay alguna forma de utilizar javascript y JQuery para agregar algunos campos adicionales que se enviarán desde un formulario HTTP utilizando POST?

Quiero decir:

<form action="somewhere" method="POST" id="form">
    <input type="submit" name="submit" value="Send" />
</form>

<script type="text/javascript">

    $("#form").submit( function(eventObj) 
        {
            // I want to add a field "field" with value "value" here
            // to the POST data

            return true;
        }
</script>

Answer 1

Esto funciona:

var form = $(this).closest(''form'');

form = form.serializeArray();

form = form.concat([
    {name: "customer_id", value: window.username},
    {name: "post_action", value: "Update Information"}
]);

$.post(''/change-user-details'', form, function(d) {
    if (d.error) {
        alert("There was a problem updating your user details")
    } 
});

Answer 2

Prueba esto:

$(''#form'').submit(function(eventObj) {
    $(this).append(''<input type="hidden" name="field_name" value="value" /> '');
    return true;
});

Answer 3

Puede agregar una input hidden con cualquier valor que necesite enviar:

$(''#form'').submit(function(eventObj) {
    $(this).append(''<input type="hidden" name="someName" value="someValue">'');
    return true;
});

Answer 4

Sí. Puedes probar con algunos params ocultos.

  $("#form").submit( function(eventObj) {
      $(''<input />'').attr(''type'', ''hidden'')
          .attr(''name'', "something")
          .attr(''value'', "something")
          .appendTo(''#form'');
      return true;
  });

Answer 5

$(''#form'').append(''<input type="text" value="''+yourValue+''" />'');