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

Registered : 106,783

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


 

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

 



Topic : 132905



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



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




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


Code (PHP)
<?php session_start();
  if (!isset($_SESSION['UserID'])) {
      $_SESSION['UserID'] = '';
      $_SESSION['Username'] = '';
  }

    include 'admin/Function/comfig.php';
    $sql = 'SELECT * FROM product';
    $query = mysqli_query($objCon, $sql);
  ?>
<div class="container">
  <div class="card-body">
    <div class="table-responsive">
      <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
        <thead class="thead-dark text-center">
            <th scope="2">ยี่ห้อ</th>
            <th scope="col">รุ่น</th>
            <th scope="col">ชื่ออุปกรณ์</th>
            <th scope="col">จำนวน</th>
            <th scope="col">วันที่นำเข้า</th> 
            <th>รูปสินค้า</th>
            <th></th>
<tbody class="text-center">
<?php while ($result = mysqli_fetch_array($query, MYSQLI_ASSOC)) {
      ?>
<tr>
<th><?php echo $result['Brand']; ?></th>
<th><?php echo $result['Generation']; ?></th>
<th><?php echo $result['Device_name']; ?></th>
<th><?php echo $result['value']; ?></th>
<th><?php echo $result['Amount']; ?></th> 
<th><img src="admin/img/<?= $result['Brand_img']; ?>" style="width:100px"></th>
<th><button class="btn btn-dark" data-toggle="modal" data-target="#product" data-id="<?php echo $result['id']; ?>"  >ยืม<?php echo $result['id']; ?></button></th>
<?php
  } mysqli_close($objCon); ?>
    </tr>
        </tbody>
            </table>
                </div>
                    </div>
                        </div>

<div class="modal fade" id="product" tabindex="-1" role="dialog" aria-labelledby="Productid" aria-hidden="true">

  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="Productid">ยืม อุปกรณ์ไอที <?php  echo $result['id']; ?></h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
        
      </div>
      <form action="laypang/add.php" method="post" name="form" id="demo-form2" data-parsley-validate class="form-horizontal form-label-left">
     <?php $return_date = date(('Y-m-d'), strtotime('+15 days', strtotime(date('Y-m-d')))); ?>
      <div class="modal-body">
      <div class="form-group">
      <input type="date" id="borrow_date" required="required" class="form-control" name="borrow_date" value="<?php echo date('Y-m-d'); ?>">
        </div>
        <div class="form-group">
      <select class="form-control" id="borrow_num"  name="borrow_num">>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
      <option value="6">6</option>
      <option value="7">7</option>
      <option value="8">8</option>
      <option value="9">9</option>
      <option value="10">10</option>
    </select>
</div>
    <div class="form-group">
      <input type="date" id="return_date" required="required" class="form-control" name="return_date" value="<?php echo $return_date; ?>">
        </div>

    </div>
      <div class="modal-footer">
        <button type="reset" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="submit"  class="btn btn-primary">Save changes</button>
        <input TYPE="hidden" NAME="UserID" value="<?php echo $_SESSION['UserID']; ?>">
        <input TYPE="hidden" NAME="product_id" value="<?php echo $result['id']; ?>">

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





Tag : PHP, MySQL, HTML, CSS







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

 

No. 1



โพสกระทู้ ( 7,025 )
บทความ ( 1 )



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


ต้องทำความ เข้าใจกับการทำงาน ของ 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 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: Voake, Comcube, vps | เช่า vps , รับทำเว็บไซต์ รับเขียนโปรแกรม

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