Comment ajouter des champs supplémentaires au formulaire avant de le soumettre ?

Question

Existe-t-il un moyen d'utiliser javascript et JQuery pour ajouter des champs supplémentaires à envoyer à partir d'un formulaire HTTP par POST ?

Je veux 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

Oui, vous pouvez essayer avec des paramètres cachés.

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

Answer 2

Essayez ça :

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

Answer 3

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

Answer 4

Vous pouvez ajouter un hidden input avec la valeur que vous voulez envoyer :

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

Answer 5

Ça marche :

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