Come aggiungere campi aggiuntivi al modulo prima di inviare?

Question

C'è un modo per usare javascript e JQuery per aggiungere alcuni campi aggiuntivi da inviare da un modulo HTTP usando il POST?

voglio dire:

<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

Yes.You può provare con alcuni params nascosti.

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

Answer 2

Prova questo:

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

Answer 3

è possibile aggiungere un hiddeninput con qualsiasi valore è necessario inviare:

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

Answer 4

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

Answer 5

Questo funziona:

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") 
    } 
});