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+''" />'');