基於多個 Select 選項和 ajax jquery ZE1BFD762321E409CEE4AC0B6E

Question

我有 3 個 select 選項，用於使用 ajax jQuery ZE1BFD762321E409CEE4AC0B 搜索數據表中的記錄。

我已經編寫了此代碼，但 select 選項數據不會轉到其他頁面，也不會從 ajax 請求返回。

PHP 代碼：-

<form name="search_form" id="search_form" method="POST"> 
               <div class="col-md-3">
                <div class="formrow">
                <select class="form-control" name="job_title" class="select_filter">
                    <option value ='' disabled selected>Job Title</option>
                    <option>PHP Developer</option>
                    <option>Andorid Developer</option>
                  </select>
            </div>
           </div>
                      
     <div class="col-md-3">
                <div class="formrow">
                  <select class="form-control" name="emptype" class="select_filter">
                    <option value ='' disabled selected>Employment Status</option>
                    <option>Permanent</option>
                    <option>Contract</option>
                    <option>Freelance</option>
                  </select>
                </div>
              </div>
         
    <div class="col-md-3">
                <div class="formrow">
                  <select class="form-control" name="experience" class="select_filter">
                    <option value ='' disabled selected>Experience</option>
                    <option>Fresher</option>
                    <option>1 Year</option>
                    <option>2 Years</option>
                    <option>3 Years</option>
                    <option>4 Years</option>
                    <option>5 Years</option>
                    <option>6 Years</option>
                    <option>7 Years</option>
                    <option>8 Years</option>
                    <option>9 Years</option>
                    <option>10 Years</option>
                  </select>
                </div>
              </div>
 </form>

jQuery / Ajax 代碼：-

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> 
 
<script type="text/javascript" rel="stylesheet">
 $(document).ready(function(){
 $('.select_filter').on('change',function(){
       
     $.ajax({
           type: "POST",
           url: "ajaxCompany_search.php",
           data: $('#search_form').serialize(),
            success:function(data){
        console.log(data);
        alert(data);
                $("#projects").html(data);
            }
        });
  });
  });
</script> 

ajaxCompany_search.php

<?php
include('../../config.php');
print_r($_POST);
?>

Answer 1

您必須將 class 分組到一個 uniq 標簽中：

改變

class="form-control"    ... class="select_filter" 

至

class="form-control select_filter"

Answer 2

您已在 select 字段內兩次給出 class ，因此未顯示數據。

<select class="form-control" name="job_title" class="select_filter">

寫代碼為

<select class="form-control select_filter" name="job_title">

那里是這樣寫的