lawang code

lawang Code


Tanyakan kode disini

mengirim data dari 2 tabel ke halam utama dengan jQuery dan PHP

ditanyakan oleh Mahdi 2 tahun yang lalu

selamat malam,

saya ambil kode ini dari HarviaCode.com dan menambahkannya sedikit.

saya telah menanyakan hal ini di stackoverflow, tetapi belum ada jawaban yang saya inginkan, karena jawaban yang di berikan sama persis seperti apa yang saya buat.

semoga indonesian programer lebih keren dan bisa menjawab pertanyaan saya.

kasusnya adalah sebagai berikut: Michael Jordan telah meminjam 2 jenis buku di perpustakaan yaitu buku PHP dan buku SQL, dan hal tersebut telah tersimpan di database. lalu saya buat form dimana ketika saya klik nama Michael Jordan, maka ke 2 buku yang Michael Jordan pinjam akan muncul yaitu buku PHP dan SQL. Lalu saya tambahkan textboxt di sebelah nama buku dengan nama QTY dimana saya bisa ketik didalamnya, bahwa Michael Jordan meminjam buku PHP sebanyak 3 buah dan buku SQL sebanyak 2 buah dan saya akan menyimpannya ke tabel lain

di bawah adalah tabel dan kode saya

Student Table
Id      studentCode     studentName
1       S01             Michael Jordan
2       S02             Patric Ewing


Books
id  studentCode  bookCode  bookName
1    S01         B001        PHP
2    S01         B002        SQL
3    S02         003          C#
4    S02         B004        Java






 

    <form action="action" onsubmit="dummy();
            return false">
        <div class="form-group">
            <label for="varchar">Student Code</label>
            <div class="row">
                <div class="col-md-4">

                      <input type="text" class="form-control" name="studentcode" id="studentcode" placeholder="Student Code" readonly />

                      <input type="text" class="form-control" name="studentname" id="studentname" placeholder="Name " readonly />

                </div>

                <div class="col-md-2">
                  <button type="button" class="btn btn-default" data-toggle="modal" data-target="#myModal">. . .</button>
                </div>
            </div>
        </div>
<table width="446" border="1">
  <tr>
    <th scope="row">Student Code</th>
    <td><strong>Product Code</strong></td>
    <td><strong>Product Name</strong></td>
    <td><strong>QTY</strong></td>
  </tr>
  <tr>
    <th scope="row"><label for="studentcode"></label>
      <input type="text" name="student" id="student"></th>
    <td><label for="bookcode"></label>
      <input type="text" name="bookcode" id="bookcode"></td>
    <td><label for="bookname"></label>
      <input type="text" name="bookname" id="bookname"></td>
    <td><label for="qty"></label>
      <input type="text" name="qty" id="qty"></td>
  </tr>
</table>


          <input type="submit" value="Save" class="btn btn-primary" />

    </form>

            <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog" style="width:800px">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">Lookup Student</h4>
                </div>
                <div class="modal-body">
                    <table id="lookup" class="table table-bordered table-hover table-striped">
                        <thead>
                            <tr>
                                <th>Student Code</th>
                                <th>Student Name</th>
                            </tr>
                        </thead>
                        <tbody>
                            <?php

                            $con = mysqli_connect('localhost', 'root', '', 'obat');
                            $sql = mysqli_query($con,'select * from student p inner join books b on p.studentcode=b.studentcode');
                            while ($r = mysqli_fetch_array($sql)) {
                                ?>
                                <tr class="pilih" data="<?php echo $r['studentcode']; ?>", name="<?php echo $r['studentname'] ?>", code="<?php echo $r['bookcode'] ?>", book="<?php echo $r['bookname'] ?>">
                                    <td><?php echo $r['studentcode']; ?></td>
                                    <td><?php echo $r['studentname']; ?></td>
                                </tr>
                                <?php
                            }
                            ?>
                        </tbody>
                    </table>  
                </div>
            </div>
        </div>
    </div>
    <script src="js/jquery-1.11.2.min.js"></script>
    <script src="bootstrap/js/bootstrap.js"></script>
    <script src="datatables/jquery.dataTables.js"></script>
    <script src="datatables/dataTables.bootstrap.js"></script>
    <script type="text/javascript">


        $(document).on('click', '.pilih', function (e) {
            document.getElementById("studentcode").value = $(this).attr('data');
            document.getElementById("studentname").value = $(this).attr('name');
            document.getElementById("student").value = $(this).attr('data');
            document.getElementById("bookcode").value = $(this).attr('code');
            document.getElementById("bookname").value = $(this).attr('book');
            $('#myModal').modal('hide');
        });


        $(function () {
            $("#lookup").dataTable();
        });


    </script>




atas bantuan dan perhatiannya saya ucapkan terim kasih

Anda harus login terlebih dahulu untuk memberikan komentar

Recent Tag

X 6
X 48
X 14
X 10
X 1
X 5
X 4
X 18
X 10

Bantuan

Help

Feedback

Help