select onchange ถ้าส่งไปสามตัว ส่งค่าไปค้นหายังไงครับ

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา select onchange ถ้าส่งไปสามตัว ส่งค่าไปค้นหายังไงครับ

select onchange ถ้าส่งไปสามตัว ส่งค่าไปค้นหายังไงครับ

function record(DepartID){

$.ajax({url:"ShowWorkTimeDepart.php",

async:false,

cache:false,

global:false,

type:'POST',

data:{

DepartID: DepartID

dataType:"html",

success: function(result){

$('#record').html(result);

}

});

}

</script><div class="col-xs-3 col-md-6">

<div class="form-group col-md-8">กลุ่มสาระ

<option value="">-เลือก-</option>

<?php

echo showSelectDepartment($DepartID);

</select>

</div>

ภาคเรียน

<option value="" selected="selected">-เลือก-</option>

</select>

</div>

ปีการศึกษา

<?php for($y=$year_regis;$y >=2556 ;$y--){?>

<?php }?>

</select>

</div>

</div>

สุธน ภักดี 01-02-2023 18:12:42

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก

ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
User

Pass

Code
เปลี่ยน

จำข้อมูลการล็อกอิน
เข้าระบบอัตโนมัติ

( หรือ เข้าใช้งานผ่าน Social Login )

ล็อกอินด้วย Line

ล็อกอินด้วย Google

ล็อกอินด้วย Twitter

ล็อกอินด้วย Tiktok

ความคิดเห็นที่ 1

ดูเนื้อหานี้เป็นแนวทาง

  <form action="" method="post">
    <select name="select1">
      <option>Select</option>
      <option>1</option>
      <option>2</option>
    </select>
    <select name="select2">
      <option>Select</option>
      <option>11</option>
      <option>22</option>
    </select>    
    <button type="submit" name="search" value="search">ค้นหา</button>
    </form>
   
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
<script type="text/javascript">
$(function(){
      
       // เมื่อฟอร์มที่มีไอดี news-form กำลังทำการส่งข้อมูล
       $("form").on("submit",function(event){ // มีการส่ง event object
           event.preventDefault(); // ปิดค่าเริ่มต้น ในกรณีนี้คือไม่มีการรีเฟรชหรือเปลี่ยนหน้าเพจ
           // คำสังต่อจากบรรทัดนี้ทำงานได้ปกติ
           var dataSend = $(this).serialize();
            console.log(dataSend);
       });
    // เลือกเปลี่ยนแปลงแล้วทำงาน
     $("select[name='select1']").on("change",function(event){
         console.log($(this).val());
         $("button[name='search']").trigger("click"); // กดปุ่มค้นหา
     });
    $("select[name='select2']").on("change",function(event){
         console.log($(this).val());
        $("button[name='search']").trigger("click"); // กดปุ่มค้นหา
     });
});
</script>

บทความแนะนำที่เกี่ยวข้อง
ทบทวนพื้นฐาน ajax ใน jquery การส่งค่าและแสดงข้อมูลเบื้องต้น	อ่าน 31,162

ninenik 01-02-2023

ความคิดเห็นที่ 2

ขอบคุณครับผม

gg1651720929 02-02-2023 13:38

ขอบคุณทุกการสนับสนุน

สนับสนุนเว็บไซต์เรา จ่ายด้วย Truemoney Wallet

20 บาท 50 บาท 100 บาท 300 บาท หรือ ระบุจำนวน