Mysql
 sql >> Teknologi Basis Data >  >> RDS >> Mysql

Bagaimana cara melewatkan nilai baris saat ini dalam modal?

<?php 
    .
    .
    echo "<td class='text-center'>
            <ul class='icons-list'>
                <a href='#modal_edit' class='modalButton' style='color:#000;' data-teacherid='{$row['username']}' data-toggle='modal' data-target='#modal_edit' data-popup='tooltip' title='Edit' data-container='body'>
                    <i class='icon-pencil5'></i>
                </a>";

    echo "<a href='delete.php?teacherid={$row['username']}' style='color:#000;'><i class='icon-cross2' data-popup='tooltip' title='Delete' 
    data-container='body'></i></a></ul></td>"; 
    echo '</tr>';
    ++$c; 
} 
?>

Tempatkan kode ini di suatu tempat, tetapi di halaman yang sama.

<div id="modal_edit" class="modal fade" style="font-weight: normal;">
    <div class="modal-dialog">
          <div class="modal-content">

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

JS

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

Buat nama halaman ajax_modal_edit.php (Jika Anda ingin mengubah nama halaman ini. Ubah <script></script> tandai juga. Keduanya terkait.)

ajax_modal_edit.php

<?php
$teacherid = $_GET['teacherid'];

// Use this `$teacherid` in query to get all required/appropriate field
?>

<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal">&times;</button>
    <h5 class="modal-title">Add Teacher <?php echo $teacherid;?></h5>
</div>
<form action="" method="POST">
    <div class="modal-body">
        <div class="form-group">
            <div class="row">
                <div class="col-sm-6">
                    <label>Full Name</label>
                    <input type="text" name="fullname" class="form-control" required>
                </div>

                <div class="col-sm-6">
                    <label>Mobile Number</label>
                    <input type="text" name="mobno" class="form-control" required>
                </div>
            </div>
        </div>
        <div class="form-group">
            <div class="row">
                <div class="col-sm-6">
                    <label>Password</label>
                    <input type="password" name="password" class="form-control" required>
                </div>
            </div>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-link" data-dismiss="modal">Close</button>
            <button type="submit" name="submit" class="btn btn-primary">Submit</button>
        </div>
    </div>
</form>

Untuk info lebih lanjut, periksa Melewati data melalui Modal Bootstrap dan mendapatkan variabel php?




  1. Database
  2.   
  3. Mysql
  4.   
  5. Oracle
  6.   
  7. Sqlserver
  8.   
  9. PostgreSQL
  10.   
  11. Access
  12.   
  13. SQLite
  14.   
  15. MariaDB
  1. Jumlah kolom dalam menggunakan mysqli dan php

  2. utf8_bin vs. utf_unicode_ci

  3. pivot dalam kueri mysql

  4. Pengindeksan MySQL dan Menggunakan filesort

  5. Secara otomatis klip string dengan panjang yang tepat pada sisipan