<?php include("mysql_connect.php"); ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Aftersale</title> <!--dependent dropdown --> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <!--end dependent dropdown --> <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/bootstrap-responsive.min.css" rel="stylesheet"> <script src="http://code.jquery.com/jquery-latest.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/jquery.js"></script> <script> $(function(){ $("#view").click(function(){ var SetHtml = "ชื่อ : "+$("#name").val()+ "<br>เบอร์โทรศัพท์ : "+$("#tel").val()+ "<br>โครงการ : "+$("#project").val()+ "<br>ยืนยันการส่งข้อมูลหรือไม่?" ; $("#Dname").html(SetHtml); $("#exampleModalCenter").modal("show"); }) }); </script> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <style type="text/css"> .red { color: #F00; } </style> </head> <body> <div class="container" > <div align="right"> วันที่ : <?php $date = date("d-m-Y H:i:s"); echo $date; ?> </div> <div class="alert alert-primary" role="alert" align="center"> <h4>ระบบแจ้งซ่อม</h4> </div> <form id="myform" name="myform" method="post" action="add.php"> <div class="form-group row"> <label for="name" class="col-sm-2 col-form-label">ชื่อ-นามสกุล <span class="red">*</span></label> <div class="col-sm-10"> <input type="text" class="form-control" id="name" name="name" > </div> </div> <div class="form-group row"> <label for="email" class="col-sm-2 col-form-label">อีเมล์</label> <div class="col-sm-10"> <input type="text" class="form-control" id="email" name="email" placeholder="[email protected]"> </div> </div> <div class="form-group row"> <label for="tel" class="col-sm-2 col-form-label">เบอร์โทรศัพท์ <span class="red">*</span></label> <div class="col-sm-10"> <input type="text" class="form-control" id="tel" name="tel" > </div> </div> <div class="form-group row"> <label for="project" class="col-sm-2 col-form-label">โครงการ <span class="red">*</span></label> <div class="col-sm-4"> <select class="custom-select" id="project" name="project"> <option selected>กรุณาเลือกโครงการ</option> <?php require('mysql_connect.php'); $sql = "SELECT * FROM project"; $result = $mysqli->query($sql); while($row = $result->fetch_assoc()){ echo "<option value='".$row['id']."'>".$row['name']."</option>"; } ?> </select> </div> <label for="projectsub" class="col-sm-2 col-form-label">โครงการย่อย </label> <div class="col-sm-4"> <select class="custom-select" id="projectsub" name="projectsub"> </select> </div> </div> <script> $( "select[name='project']" ).change(function () { var projectID = $(this).val(); if(projectID) { $.ajax({ url: "ajaxpro.php", dataType: 'Json', data: {'id':projectID}, success: function(data) { $('select[name="projectsub"]').empty(); $.each(data, function(key, value) { $('select[name="projectsub"]').append('<option value="'+ key +'">'+ value +'</option>'); }); } }); }else{ $('select[name="projectsub"]').empty(); } }); </script> <div class="form-group row"> <label for="house" class="col-sm-2 col-form-label">บ้านเลขที่ <span class="red">*</span></label> <div class="col-sm-4"> <input type="text" class="form-control" id="house" name="house" > </div> <label for="unit" class="col-sm-1 col-form-label">/</label> <div class="col-sm-5"> <input type="text" class="form-control" id="unit" name="unit" > </div> </div> <div class="form-group row"> <label for="building" class="col-sm-2 col-form-label">อาคาร/ตึก</label> <div class="col-sm-10"> <input type="text" class="form-control" id="building" name="building" > </div> </div> <div class="form-group row"> <label for="subject" class="col-sm-2 col-form-label">หัวข้อ <span class="red">*</span></label> <div class="col-sm-10"> <input type="text" class="form-control" id="subject" name="subject" > </div> </div> <div class="form-group row"> <label for="details" class="col-sm-2 col-form-label">รายละเอียด <span class="red">*</span></label> <div class="col-sm-10"> <textarea class="form-control" id="details" name="details" rows="6" placeholder="รายละเอียดเพิ่มเติม" ></textarea> </div> </div> <br> <div align="center"> <!-- Button trigger modal --> <button type="button" class="btn btn-success" data-toggle="modal" data-target="#exampleModalCenter" id="view" > ส่งข้อมูลแจ้งซ่อม </button> <br> <br> <!-- Modal --> <div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLongTitle">ส่งข้อมูลแจ้งซ่อม</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div id="Dname"></div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> <button type="submit" class="btn btn-success" id="submit" name="submit">ส่งข้อมูล</button> </div> </div> </div> </div> <!-- End Modal --> </div> </form> </div> <script src="http://code.jquery.com/jquery-latest.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/jquery.js"></script> </body> </html>
<?php require('mysql_connect.php'); $sql = "SELECT * FROM projectsub WHERE project_id LIKE '%".$_GET['id']."%'"; $result = $mysqli->query($sql); while($row = $result->fetch_assoc()){ $json[$row['id']] = $row['name']; } echo json_encode($json); ?>
$("#project option:selected").text();
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
