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 > สอบถามหน่อยครับ ทำไมข้อมูลมาไม่ตรง เวลาเรากดปุ๋ม ว่าง แล้วข้อมูลใน Modal ส่งค่ามาไม่ตรง


สอบถามหน่อยครับ ทำไมข้อมูลมาไม่ตรง เวลาเรากดปุ๋ม ว่าง แล้วข้อมูลใน Modal ส่งค่ามาไม่ตรง

 
Topic : 136203



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



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



สอบถามหน่อยครับ ทำไมข้อมูลมาไม่ตรง เวลาเรากดปุ๋ม ว่าง แล้วข้อมูลใน Modal ส่งค่ามาไม่ตรง
แต่รูปใน modal.php มาตรงตามปกติ แต่พอเวลากดปู๋มไม่มาตามปกติ



Tag : PHP


ประวัติการแก้ไข
2021-06-18 21:16:54
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2021-06-18 21:16:32 By : delete View : 632 Reply : 7
 

 

No. 1



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



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


โค้ด หน้า modal.php
<?php
include('connectdb.php');
$sql = "SELECT field_id, field_img, time_name, price FROM field_db, time_db";
$result = $conn->query($sql);
foreach($result as $row){

?>
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">ข้อมูลการจอง</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body" id="detail">
<div class="mb-3">
<div class="form-group row">
<label class="col-sm-2 ">สนาม :</label>
<div class="col-sm-2">
<img src="image/<?php echo $row['field_img']?>" alt="." width="350" height="250">
<br><br>
</div>
</div>

<div class="form-group row">
<label class="col-sm-2 ">วันที่ :</label>
<div class="col-sm-5">
<input type="date" name="booking_date" class="form-control"
value="<?php echo date('Y-m-d');?>">
<br>
</div>
</div>

<div class="form-group row">
<label class="col-sm-2 ">เวลา :</label>
<div class="col-sm-4">
<input type="" name="time" class="form-control"
value="<?php echo date("H:i:s",strtotime($row['time_name']))?>">
<br>
</div>
</div>

<div class="form-group row">
<label class="col-sm-2 ">ราคา :</label>
<div class="col-sm-4">
<input type="" name="" class="form-control" value="<?php echo $row['price']?>">
<br>
</div>
</div>

<div class="form-group row">
<label class="col-sm-2 ">ชื่อ :</label>
<div class="col-sm-4">
<input type="" name="" class="form-control" value="">
<br>
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 ">โทร :</label>
<div class="col-sm-4">
<input type="" name="" class="form-control" value="">
<br>
</div>
</div>

<div class="modal-footer">
<button type="button" class="btn btn-danger" data-bs-dismiss="modal">ยกเลิก</button>
<button type="button" class="btn btn-secondary">บันทึกการจอง</button>
</div>
</div>

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

<?php }?>
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-06-18 21:17:45 By : delete
 

 

No. 2



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



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


โค้ดปุ๋มกดว่าง
<?php if($row['status_id'] == 1) { ?>

<div class="d-grid gap-2">
<button type="button" class="btn btn-secondary" data-bs-toggle="modal"
data-bs-target="#exampleModal">ว่าง</button>
</div>

<?php }else{ ?>
<div class="d-grid gap-2">
<button type="button" class="btn btn-danger">ไม่ว่าง</button>
</div>
<?php } ?>
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-06-18 21:19:14 By : delete
 

 

No. 3



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



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


123
456
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-06-18 21:20:32 By : delete
 

 

No. 4



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



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


เพราะคุณใช้วิธี loop modal จึงเกิด id ซ้ำกัน ซึ่งผิดหลักของ html เช่น

Code
<!-- Modal -->
<div class="modal fade" id="exampleModal"


วิธีแก้ ทำเป็น dynamic id
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-06-18 21:53:23 By : TheGreatGod_of_Death
 

 

No. 5



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



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


อีกวิธี คือ ทำตามเอกสารของ bootstrap ตามเวอร์ชันที่ใช้
Quote:
v4 ใช้ HTML data-* attributes
v5 ใช้ HTML data-bs-* attributes


หัวข้อที่เกี่ยวข้อง
Varying modal content

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-06-18 22:03:21 By : TheGreatGod_of_Death
 

 

No. 6



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



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


ตอบความคิดเห็นที่ : 4 เขียนโดย : TheGreatGod_of_Death เมื่อวันที่ 2021-06-18 21:53:23
รายละเอียดของการตอบ ::
พอดีตัวอย่าง วิธีทำเป็น dynamic id ไหมครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-06-19 00:44:43 By : delete
 

 
https://stackoverflow.com/a/3770634
https://stackoverflow.com/a/45982331
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-06-19 07:09:59 By : พญามัจจุราช
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : สอบถามหน่อยครับ ทำไมข้อมูลมาไม่ตรง เวลาเรากดปุ๋ม ว่าง แล้วข้อมูลใน Modal ส่งค่ามาไม่ตรง
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 อัตราราคา คลิกที่นี่