jQuery - ajouter des paramètres supplémentaires lors de la soumission (PAS ajax)

En utilisant «soumettre» de jQuery - existe-t-il un moyen de transmettre des paramètres supplémentaires à un formulaire? Je ne cherche PAS à le faire avec Ajax - c'est une soumission de formulaire normale et typique.

$('#submit').click(function () {
    $('#event').submit(function () {
        data: { 
        form['attendees'] = $('#attendance').sortable('toArray').toString();
    });
});

Celui-ci l'a fait pour moi:

var input = $("<input>")
               .attr("type", "hidden")
               .attr("name", "mydata").val("bla");
$('#form1').append(input);

est basé sur la réponse de Daff, mais a ajouté l'attribut NAME pour le laisser apparaître dans la collection de formulaires et a changé VALUE en VAL. Également vérifié l'ID du FORM (form1 dans mon cas)

utilisé le firebug de Firefox pour vérifier si l'élément a été inséré.

Les éléments masqués sont publiés dans la collection de formulaires, seuls les champs en lecture seule sont ignorés.

Michel

Dans votre cas, il suffit d'ajouter dynamiquement un autre champ masqué à votre formulaire.

var input = $("<input>").attr("type", "hidden").val("Bla");
$('#form').append($(input));

Vous pouvez même utiliser celui-ci. a bien fonctionné pour moi

$("#registerform").attr("action", "register.php?btnsubmit=Save") 
$('#registerform').submit();

cela soumettra btnsubmit = Enregistrer en tant que valeur GET au formulaire register.php.

Vous pouvez écrire une fonction jQuery qui vous permet d'ajouter des champs cachés à un formulaire:

// This must be applied to a form (or an object inside a form).
jQuery.fn.addHidden = function (name, value) {
    return this.each(function () {
        var input = $("<input>").attr("type", "hidden").attr("name", name).val(value);
        $(this).append($(input));
    });
};

Et puis ajoutez le champ caché avant de soumettre:

var frm = $("#form").addHidden('SaveAndReturn', 'Save and Return')
                    .submit();

Vous n'avez pas besoin de lier l'événement d'envoi au clic du bouton d'envoi, il suffit de lier l'événement d'envoi et il capturera l'événement d'envoi quelle que soit la façon dont il est déclenché.

Pensez à ce que vous voulez soumettre le triable comme vous le feriez via ajax. Essayez de faire quelque chose comme ceci:

var form = $('#event').submit(function () {
    $.each($('#attendance').sortable('toArray'),function(i, value){
        $("<input>").attr({
            'type':'hidden',
            'name':'attendace['+i+']'
        }).val(value).appendTo(form);
    });
});

Réponse similaire, mais je voulais juste la rendre disponible pour un test facile / rapide.

var input = $("<input>")
               .attr("name", "mydata").val("go Rafa!");

$('#easy_test').append(input);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script>



<form id="easy_test">
  
</form>