Javascript Girl
  1. Javascript Girl
  3. Bootstrap modal et valeur passante
Intereting Posts
Puis-je stocker RegExp et Function dans JSON? Chargement dynamique des modules à partir du tableau en utilisant RequireJS SetTimeOut () ne fonctionne pas avec AJAX Comment utiliser querySelectorAll uniquement pour les éléments qui ont un jeu d'attributs spécifique? Comment puis-je appeler une méthode publique à partir d'une personne privée lors de l'utilisation du modèle de module javascript? Echo PHP variable à partir de JavaScript? Comment attendre une période de temps après une fonction Onchange sur radiobutton ne fonctionne pas correctement dans IE8 Affichage des données avec les onglets jQuery ajaxoptions Les navigateurs supportent-ils largement les citations numériques dans les attributs? Ajout de spinner jusqu'à chargement de contenu à l'intérieur de la boîte de dialogue Appel ajax pour remplir les champs de formulaire de la requête de la base de données lorsque la valeur sélectionnée change Comment utiliser le plugin jQuery Validation avec les métadonnées, jQuery Forms et xVal ensemble? Le complément de Firefox SDK obtient l'ID de la tabulation Linkedin Uncaught Error: vous devez spécifier un domaine API JavaScript valide dans le cadre de la configuration de cette clé

Bootstrap modal et valeur passante

Lorsque je clique sur edit, 'id' devrait passer à sa propre page et le mode devrait apparaître. Mais cela ne fonctionne pas. Aidez-moi, s'il vous plaît

PHP et Bootstrap 

<tr> <td><?php echo $row['name']; ?></td> <td><a data-toggle="modal" data-target="#myModal" href='?id=<?php echo $row['id']; ?>'>Edit</a> </td> </tr>

Modal 

 <div id="myModal" class="modal fade" role="dialog"> <div class="modal-dialog modal-lg"> ------ ----- ----- </div> </div>

Créez une classe Edit dans la balise <a></a> . Utilisez cette classe pour appeler modal. Et, ajoutez data-Id="<?echo $row['id'];?>" 

 <tr> <td><?php echo $row['name']; ?></td> <td> <a class='Edit' data-toggle="modal" href="#form_modal" data-target="#myModal" data-Id="<?php echo $row['id'];?>">Edit</a> </td> </tr>

Placez ce code en bas de page 

 <div id="myModal" class="modal fade" role="dialog"> <div class="modal-dialog modal-lg"> <div class="modal-content"> </div> </div> </div>

JS 

 <script> $('.Edit').click(function(){ var Id=$(this).attr('data-Id'); $.ajax({url:"SomePage.php?Id="+Id,cache:false,success:function(result){ $(".modal-content").html(result); }}); }); </script>

Créez somepage.php (Si vous souhaitez modifier le nom de cette page. Changez en <script></script> aussi. Les deux sont liés.)

SomePage.php 

 <?php $Id=$_GET['Id']; ?> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button> <h4 class="modal-title" id="fam_id"></h4> </div> <div class="modal-body"> <?php echo $Id;?> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div>

Pour plus d'informations, cliquez sur Afficher les données en fonction de l'ID sélectionné sur le mode contextuel