soumettre plusieurs formulaires avec un seul bouton d'envoi

Question

J'ai une application dans laquelle un utilisateur connecté effectue une recherche dans une base de données et voit s'afficher un tableau de résultats. Ces résultats sont essentiellement des listes d'événements. Je donne ensuite à l'utilisateur le privilège de "garder" ou "écarter" tout événement (en utilisant des boutons radio à côté de chaque événement).

Cependant, je souhaite maintenant mettre en place une fonctionnalité permettant à l'utilisateur final de cliquer sur un seul bouton de "mise à jour" et toutes les modifications sont affectées (car garder un bouton pour chaque enregistrement serait très peu convivial). En d'autres termes, je cherche à soumettre plusieurs formulaires avec un seul bouton de soumission/mise à jour.

Est-ce possible ?

Answer 1

Vous devez utiliser javascript, je vous suggère d'utiliser JQuery. En utilisant AJAX, vous devez soumettre chaque formulaire - de cette façon, la page ne sera pas redirigée une fois que vous aurez soumis un formulaire !

Ensuite, dans chaque formulaire, attribuez des identifiants individuels à chaque formulaire. Ensuite, attribuez un identifiant à votre bouton d'envoi, par exemple mySubmit . Ensuite, ajoutez le code suivant :

$('#mySubmit').click(function(){
    // submit form1 by ajax...
    // submit form2 by ajax...
});

Vous pouvez voir que l'option de jQuery http://api.jquery.com/jQuery.post/ pour plus d'informations sur la façon de soumettre un formulaire en utilisant ajax.

Answer 2

Tant que tous les boutons radio et le bouton d'envoi font partie du même formulaire, vous n'avez pas à vous soucier de la soumission de plusieurs formulaires, car il n'y en aura pas. Vous pouvez avoir plusieurs boutons d'envoi dans un seul formulaire, vous pouvez leur donner des valeurs différentes pour savoir quel bouton a été cliqué.

Answer 3

Si vous ne voulez pas utiliser jQuery, utilisez javascript pour former une liste de données séparées par le caractère ~, placez cette chaîne dans un champ caché et soumettez en utilisant document.formx.submit().

Vous devrez analyser la chaîne côté serveur pour obtenir les données dans le bon format.