Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,038

HOME > PHP > PHP Forum > อยากทราบวิธี ส่ง id เข้า modal bootstrap 4 จนปัญญาแล้วจริงๆ


[PHP] อยากทราบวิธี ส่ง id เข้า modal bootstrap 4 จนปัญญาแล้วจริงๆ

 
Topic : 132905



โพสกระทู้ ( 23 )
บทความ ( 0 )



สถานะออฟไลน์



สอบถามหน่อยครับ ผมจะส่งค่า $result['id']; ไปที่ form modal ยังไงะครับ จนปัญญาแล้จริงๆ


Code (PHP)
01.<?php session_start();
02.  if (!isset($_SESSION['UserID'])) {
03.      $_SESSION['UserID'] = '';
04.      $_SESSION['Username'] = '';
05.  }
06. 
07.    include 'admin/Function/comfig.php';
08.    $sql = 'SELECT * FROM product';
09.    $query = mysqli_query($objCon, $sql);
10.  ?>
11.<div class="container">
12.  <div class="card-body">
13.    <div class="table-responsive">
14.      <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
15.        <thead class="thead-dark text-center">
16.            <th scope="2">ยี่ห้อ</th>
17.            <th scope="col">รุ่น</th>
18.            <th scope="col">ชื่ออุปกรณ์</th>
19.            <th scope="col">จำนวน</th>
20.            <th scope="col">วันที่นำเข้า</th>
21.            <th>รูปสินค้า</th>
22.            <th></th>
23.<tbody class="text-center">
24.<?php while ($result = mysqli_fetch_array($query, MYSQLI_ASSOC)) {
25.      ?>
26.<tr>
27.<th><?php echo $result['Brand']; ?></th>
28.<th><?php echo $result['Generation']; ?></th>
29.<th><?php echo $result['Device_name']; ?></th>
30.<th><?php echo $result['value']; ?></th>
31.<th><?php echo $result['Amount']; ?></th>
32.<th><img src="admin/img/<?= $result['Brand_img']; ?>" style="width:100px"></th>
33.<th><button class="btn btn-dark" data-toggle="modal" data-target="#product" data-id="<?php echo $result['id']; ?>"  >ยืม<?php echo $result['id']; ?></button></th>
34.<?php
35.  } mysqli_close($objCon); ?>
36.    </tr>
37.        </tbody>
38.            </table>
39.                </div>
40.                    </div>
41.                        </div>
42. 
43.<div class="modal fade" id="product" tabindex="-1" role="dialog" aria-labelledby="Productid" aria-hidden="true">
44. 
45.  <div class="modal-dialog" role="document">
46.    <div class="modal-content">
47.      <div class="modal-header">
48.        <h5 class="modal-title" id="Productid">ยืม อุปกรณ์ไอที <?php  echo $result['id']; ?></h5>
49.        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
50.          <span aria-hidden="true">&times;</span>
51.        </button>
52.         
53.      </div>
54.      <form action="laypang/add.php" method="post" name="form" id="demo-form2" data-parsley-validate class="form-horizontal form-label-left">
55.     <?php $return_date = date(('Y-m-d'), strtotime('+15 days', strtotime(date('Y-m-d')))); ?>
56.      <div class="modal-body">
57.      <div class="form-group">
58.      <input type="date" id="borrow_date" required="required" class="form-control" name="borrow_date" value="<?php echo date('Y-m-d'); ?>">
59.        </div>
60.        <div class="form-group">
61.      <select class="form-control" id="borrow_num"  name="borrow_num">>
62.      <option value="1">1</option>
63.      <option value="2">2</option>
64.      <option value="3">3</option>
65.      <option value="4">4</option>
66.      <option value="5">5</option>
67.      <option value="6">6</option>
68.      <option value="7">7</option>
69.      <option value="8">8</option>
70.      <option value="9">9</option>
71.      <option value="10">10</option>
72.    </select>
73.</div>
74.    <div class="form-group">
75.      <input type="date" id="return_date" required="required" class="form-control" name="return_date" value="<?php echo $return_date; ?>">
76.        </div>
77. 
78.    </div>
79.      <div class="modal-footer">
80.        <button type="reset" class="btn btn-secondary" data-dismiss="modal">Close</button>
81.        <button type="submit"  class="btn btn-primary">Save changes</button>
82.        <input TYPE="hidden" NAME="UserID" value="<?php echo $_SESSION['UserID']; ?>">
83.        <input TYPE="hidden" NAME="product_id" value="<?php echo $result['id']; ?>">
84. 
85.        </form>
86.      </div>
87.    </div>
88.  </div>
89.</div>




Tag : PHP, MySQL, HTML, CSS

Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2019-01-11 22:16:50 By : aunpun01 View : 1820 Reply : 1
 

 

No. 1



โพสกระทู้ ( 9,590 )
บทความ ( 2 )



สถานะออฟไลน์


ต้องทำความ เข้าใจกับการทำงาน ของ bootstrap ก่อนนะครับ

bootstrap จะไม่ อ่านค่า เพื่อไปกำหนดค่า นะครับ
แต่จะเป็นการ อ้างอิง ค่า เพื่อเอาค่า ไปกำหนดให้ object ที่มีการกำหนดค่าไว้แล้วแสดงหรือซ่อน

เช่นอ้าง data-target="#product" เพื่อไปกำหนดให้ modal ที่มี id ชื่อ product แสดงขึ้นมา
แต่ไม่สามารถเอาค่า data-id="???" ไปแสดงใน object อื่นๆ ได้นะครับ

ถ้าต้องการแบบนั้น ต้องเขียน javascript กำหนดเอาเองครับ

ปล. หรือจะมี อันนี้ไม่เคยใช้เหมือนกัน

ลองดูลิงค์นี้เพื่อจะเข้าใจ
https://www.youtube.com/watch?v=Aq1M_awGlAg


ประวัติการแก้ไข
2019-01-11 23:16:19
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-01-11 23:04:48 By : Chaidhanan
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : อยากทราบวิธี ส่ง id เข้า modal bootstrap 4 จนปัญญาแล้วจริงๆ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)





ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2025 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่