Anzeigen von Daten auf der Basis von ausgewählten id auf modal-popup-Fenster nach klicken auf einen button, php mysql

Auf meiner website, wenn auf die Schaltfläche geklickt wird, wird die Eingabeaufforderung in einem popup-Fenster. Im mit der modal-popup-Fenster. Mein problem ist, ich kann nicht die richtigen Daten werden abgerufen-basierend auf der id von der Taste. Unten ist mein code:
Die html-Tabelle:

<tbody>
<?php
$counter = 1;
$data = "SELECT * FROM family"; 
                    $result = $conn->query($data);                          

                        while($ser=mysqli_fetch_array($result)) 
                        {

?>  
                                            <tr>
                                                <td><center><?php echo $counter; 
                                                                    $counter++; ?></center></td>
                                                <td><center><?php echo $ser['fam_id'];?></center></td>
                                                <td><center><?php echo $ser['fam_name']; ?></center></td>

                                                <td><center><button class="btn btn-primary btn-sm" data-toggle="modal" data-target="#myModal" data-id=<?php echo $ser['fam_id'];?>>Edit Attendance Status</button></center>

Den fam_id ist der Primärschlüssel.

Dann, unten ist der code für den modal-popup-Fenster

<!-- Modal -->
<form id="form1" method="post">
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <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">Name <?php echo $ser['fam_name'];?></h4>
      </div>
      <div class="modal-body">
        <b>Details</b>
        <hr></hr>
        Address: <?php echo $ser['fam_add']; ?><p></p>
        Phone_num: <?php echo $ser['fam_phone']; ?><p></p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>
</form>

Darüber hinaus Im das tun Sie in einer Datei. Im Fazit ist es wie folgt:

<tbody>
    <?php
    $counter = 1;
    $data = "SELECT * FROM family"; 
                        $result = $conn->query($data);                          

                            while($ser=mysqli_fetch_array($result)) 
                            {

    ?>  
                                                <tr>
                                                    <td><center><?php echo $counter; 
                                                                        $counter++; ?></center></td>
                                                    <td><center><?php echo $ser['fam_id'];?></center></td>
                                                    <td><center><?php echo $ser['fam_name']; ?></center></td>

                                                    <td><center><button class="btn btn-primary btn-sm" data-toggle="modal" data-target="#myModal" data-id=<?php echo $ser['fam_id'];?>>Edit Attendance Status</button></center>

<!-- Modal -->
    <form id="form1" method="post">
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <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">Name <?php echo $ser['fam_name'];?></h4>
          </div>
          <div class="modal-body">
            <b>Details</b>
            <hr></hr>
            Address: <?php echo $ser['fam_add']; ?><p></p>
            Phone_num: <?php echo $ser['fam_phone']; ?><p></p>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          </div>
        </div>
      </div>
    </div>
    </form>
</td>
</tr>
<?php
}
?>
</tbody>

"das popup modal-dialog"? Sie erkennen, dass es mehr als nur ein script zu tun, modale Dialoge? Sie haben nicht gezeigt, keine der Programmcode, der die eigentliche knallen, so dass es nicht wirklich viel, das wir tun können, um Ihnen zu helfen.
Was code, der die eigentliche knallen? Sagen Sie mir, wenn ich etwas übersehen @MarcB
Erstellen Sie ein modales Dialogfeld für jeden holte die Familie aus der Datenbank. Es könnte Hunderte von dialog, je nachdem Sie sql Abfrage, die alle mit der gleichen id. Es ist einfach nicht richtig. Da Sie tagged die Frage mit ajax versuchen, erstellen Sie nur ein dialog, und dann füllen Sie es mit einem ajax-request.

InformationsquelleAutor Kreng Kongkeng | 2015-12-07

<tbody>
<?php
$counter = 1;
$data = "SELECT * FROM family"; 
$result = $conn->query($data);                          
while($ser=mysqli_fetch_array($result)) 
{
?>  
<tr>
    <td><center><?php echo $counter; $counter++; ?></center></td>
    <td><center><?php echo $ser['fam_id'];?></center></td>
    <td><center><?php echo $ser['fam_name']; ?></center></td>

    <td>
        <center>
            <a class="modalLink" href="#myModal" data-toggle="modal" data-target="#myModal" data-id="<?php echo $ser["fam_id"]; ?>" data-addr="<?php echo $ser['fam_add']; ?>" data-phone="<?php echo $ser['fam_phone']; ?>" data-name="<?php echo $ser['fam_name']; ?>">
              <button class="btn btn-primary btn-sm">
                Edit Attendance Status
              </button>
            </a>
        </center>

Platzieren Sie diesen code in footer.php oder Ende dieser Seite.

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">

        </div>
    </div>
</div>

Rufen Sie Ihre 'somepage.php' (eigene Seite.Wo modal-body vorhanden ist) durch ajax. Legen Sie diese <script></script> in Ihrem JS Datei.

<script>
$('.modalLink').click(function(){
    var famID=$(this).attr('data-id');
    var famAddr=$(this).attr('data-addr');
    var famPhone=$(this).attr('data-phone');
    var famName=$(this).attr('data-name');

    $.ajax({url:"somepage.php?famID="+famID+"&famAddr="+famAddr+"&famPhone="+famPhone+"&famName="+famName,cache:false,success:function(result){
        $(".modal-content").html(result);
    }});
});
</script>

somepage.php
Erstellen somepage.php (Wenn Sie dies ändern wollen Seite Namen. Veränderung im <script></script> zu. Beide sind miteinander verwandt.)

<?
$famID=$_GET['famID'];
$famAddr=$_GET['famAddr'];
$famPhone=$_GET['famPhone'];
$famName=$_GET['famName'];

?>

<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">Name <?php echo $famName;?></h4>
</div>
<div class="modal-body">
    <form id="form1" method="post">
        <b>Details</b>
        <hr></hr>
        Address: <p><?php echo $famAddr;?></p>
        Phone_num: <p><?php echo $famPhone;?></p>
    </form>
</div>
<div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>

Ich kann das problem auf das js-script. Wohin damit? @Nana Partykar
Hi @KrengKongkeng : Entweder setzen Sie in Ihrem footer.php oder in Ihrem gemeinsamen js-Datei. Dieser code funktioniert, bin ich ziemlich sicher.
Der modal-popup-Fenster erscheinen auch.. Aber es ist nicht definiert, wird der Wert, den ich zeigen möchte. Ich machte die Abfrage aber Sie funktionieren nicht. Es zeigt >undefined variable @Nana Partykar
Wenn ein pop-up kam. Wert wird auch kommen. keine Sorge. einfach posten Sie Ihre Abfrage aus, wo Sie das abrufen von Daten. Wert wird auch kommen. Herr @KrengKongkeng . Ich gehe den Tag jetzt. Bearbeiten Sie Ihre Frage mit der Abfrage. Morgen Nachmittag werde ich beheben Ihr Problem. Danke. Gute Nacht aus Indien.
Tq.. Gute Nacht, Sir 🙂 Nana Partykar
Ich habe aktualisiert die Antwort. Bitte haben Sie einen Blick @KrengKongkeng
Ich danke Ihnen, sir. Sie haben eine Menge helfen.. war Gestern ein syntax Fehler auf meine Anfrage.. tqsm! @Nana Partykar
Ich bin froh, dass ich dir geholfen habe. Siehe, wenn unser code nicht funktioniert, bekommen wir auch neugierig, warum es nicht funktioniert hat. Wir alle sind hier um zu lernen/helfen, so viel wie möglich. Immer willkommen. Cheers. Happy Coding @KrengKongkeng

InformationsquelleAutor Nana Partykar

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.