Bootstrap 3 - formulaire avec la class modal

J'ai fait le tour des tutos sur le net et effectivement, aucune ne traite vraiment le sujet.
Voici donc ce que j'ai fait pour rendre fonctionnel mon formulaire version modal avec le bootstrap 3 :

Tout d'abord créer son formulaire, il y a de nombreuses videos (dont celle du lien ci dessus) ensuite y insérer une balise form comme suit :
Code:

1 2 3 4 5 6 7 <div class="modal fade" id="note" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>" class="form-horizontal"> <div class="modal-header"> <div class="modal-header"> <h1>Titre remplacé</h1>
puis la fermer au bon endroit :mrgreen:

A ce niveau la, le formulaire fonctionne.
Ma question portait sur la transmission des variables, voici 2 trucs différents :
Code:

1 2 3 4 5 6 <script type="text/javascript"> $('.badge').click(function(e) { $('.modal-header h1').html($(e.target).html()) // on récupère le titre du livre avec la valeur HTML $('#id_roman').val($(e.target).attr('title')) // on récupère l'id du livre contenu dans l'attribu titre }) </script>
la premiere ligne permet d'avoir un titre de formulaire adapté en fonction du click
la 2eme ligne tire l'id d'un item ( un roman) pour y associer une critique,
le lien a été généré comme suit :

Code:

echo '<a href="#note" data-toggle="modal" class="badge" title="'.$id.'">'.$titre.'</a></span>...

En espérant que cela rend service

A+