ส่งค่า value โดยใช้ ajax เพื่อ select php

jQuery & Ajax Knowledge ความรู้เกี่ยวกับ Javascript , jQuery และ Ajax

Moderator: mindphp, ผู้ดูแลกระดาน

ภาพประจำตัวสมาชิก
bankjittapol
PHP Super Member
PHP Super Member
โพสต์: 344
ลงทะเบียนเมื่อ: 21/10/2019 10:19 am

ส่งค่า value โดยใช้ ajax เพื่อ select php

โพสต์ที่ยังไม่ได้อ่าน โดย bankjittapol »

Ajax(เอแจ็กซ์) ย่อมาจาก Asynchronous JavaScript(อะซิงโครนัส จาวาสคริปต์) and XML(เอ็กเอ็มแอล)
ajax คือ ตัวเชื่อมเเละนำ resource มาเเสดงผลโดยไม่ต้อง รีเฟตหน้า ซึ่งสามารถศึกษาเพิ่มเติมได้ ดังนี้
ajax(เอแจ็กซ์) คืออะไร
การส่งหลายๆค่าพร้อมกัน ด้วย Ajax
ทำการส่งค่า value จากที่ list box ที่เลือก เพื่อใช้เป็น ค่า id ส่งไปอีกหน้าที่ เก็บ Select จากฐานข้อมูลอยู่

โค้ด: เลือกทั้งหมด

<select class="team">
  <option value="1">ลิเวอร์พูล</option>
  <option value="2">เชลซี</option>
  <option value="3">อาร์เซนอล</option>
</select>
โดยส่งค่า เป็น post ไปที่ selectteam.php ข้อมูล team

โค้ด: เลือกทั้งหมด

  
  $(".team").change(function(){
              var team = $(".team").val();
              $.ajax({
                type: "POST",
                url: "selectteam.php",
                data:{isteam: team},
                success: function(data){
                  $(".div1").html(data);
                }
              });
            });

หน้า selectteam.php ซึ่ง ใช้ select ฐานข้อมูลมา

โค้ด: เลือกทั้งหมด

<?php
require_once 'conn.php';
$team =  $_POST["isteam"];
echo "player<br>";
$sql_ajax_team = "SELECT * FROM $datalineup_player  WHERE team_id = $team";
$result_ajax_team = mysqli_query($con,$sql_ajax_team);
while ($rteam = mysqli_fetch_assoc($result_ajax_team)) {
  echo $rteam['play_name']."<br>";
}

?>
เมื่อเลือก ลิเวอร์พูล จะได้รายชื่อของทีม ลิเวอร์พูล
รูปภาพ
รูปภาพ
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 29