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

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

select onchange ถ้าส่งไปสามตัว ส่งค่าไปค้นหายังไงครับ
<script>
  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-row">
      <div class="form-group col-md-8">กลุ่มสาระ
    <select name="DepartID" id="DepartID" class="form-control" onchange="record($('#DepartID').val());">
      <option value="">-เลือก-</option>
<?php 
echo showSelectDepartment($DepartID);
?>
    </select>
</div>
</div>
<div class="form-row">      
   <div class="form-group col-md-3">
   ภาคเรียน
  <select name="term" id="term" class="form-control">
    <option value="" selected="selected">-เลือก-</option>
    <option value="1" <?php if (isset($_GET['term']) && $_GET['term']==1)echo 'selected';?>>1</option>
    <option value="2" <?php if (isset($_GET['term']) && $_GET['term']==2)echo 'selected';?>>2</option>
  </select>
  </div>
<div class="form-group col-md-3">
ปีการศึกษา
<select name="year" id="yearwork"  class="form-control">
<?php for($y=$year_regis;$y >=2556 ;$y--){?>
<option value="<?php echo $y; ?>"<?php if(isset($_GET['year']) && $_GET['year']==$y) echo 'selected';?>><?php echo $y; ?></option>
<?php }?>
  </select>
  </div>
  </div>
 <div class="form-row"> 
<div class="form-group col-md-6">
<button type="submit" name="search" class="btn btn-primary col-md-6" value="search">ค้นหา</button>
</div> 
</div> 
</div>


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

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

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


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
  • เปลี่ยน


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

 ความคิดเห็นที่ 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 การส่งค่าและแสดงข้อมูลเบื้องต้นอ่าน 30,418
ninenik 01-02-2023
 ความคิดเห็นที่ 2
ขอบคุณครับผม


gg1651720929 02-02-2023 13:38






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ