動的依存セレクトボックス（PHP + JQuery + AJAX）

Question

私はサーバーサイド言語としてPHPを使用し、AjaxでJQueryを使用して依存セレクトボックスフォームを作成しています。私は2番目の選択ボックスにオプションとして表示されていないので、応答テキストの取得に問題があります。

P.S.私はAjaxが初めてで、私の問題を助けるビデオはありません。

HTML & PHP：

<center><form method="post" action="php/functions.php" id="catForm"> 
<select name="catSelect" class="catSelect" name="category"> 
<option value='null' default>اختر الفئة:</option> 
<?php 
     $selectCategories = mysqli_query($connectionDB, "SELECT * FROM categories"); 

     while($categoriesDisplay = mysqli_fetch_array($selectCategories)){ 
    echo '<option value="'.$categoriesDisplay['id'].'">'.$categoriesDisplay['category'].'</option>'; 
     } 
?> 
</select><br/><br/> 

<select name="subCatSelect" class="subCatSelect"> 
<option value="null" default>اختر النوع:</option> 
<?php 
$catSelectVal = $_POST['catSelect']; 
$selectSubCat = mysqli_query($connectionDB, "SELECT * FROM sub_categories WHERE id LIKE '$catSelectVal'"); 

while($subCatDisplay = mysqli_fetch_array($selectSubCat)){ 
    echo '<option value="'.$subCatDisplay['id'].'">'.$subCatDisplay['subCategory'].'</option>'; 
} 

?> 
</select><br/> 
<h1></h1> 
<input type="submit" value="اختر" class="submitForm" /><br/> 
</form></center> 

のjQueryコード：

$(document).ready(function(){ 
    $('.catSelect').change(function(){ 
     var changeURL = $('#catForm').attr("action"); 
     var data = $('.catSelect').val(); 
     $.post(changeURL, {category : data}, function(subCategory){ 
      $('.subCatSelect').append(subCategory); 
     }); 
    }); 
}); 

第2の選択ボックスのオプションを得る上で動作するはずコード：

$catSelectVal = $_POST['catSelect']; 
$selectSubCat = mysqli_query($connectionDB, "SELECT * FROM sub_categories WHERE id LIKE '$catSelectVal'"); 

while($subCatDisplay = mysqli_fetch_array($selectSubCat)){ 
    echo '<option value="'.$subCatDisplay['id'].'">'.$subCatDisplay['subCategory'].'</option>'; 
} 

Answer 1

私は可能性があり間違っていますが、私はあなたがAjaxリクエストで'catSelect'を送ったとは思わない。むしろ、送ったcategoryとdataの値は'catSelect'

です。したがって、$catSelectVal = $_POST['catSelect'];を検索すると何も見つかりません。

代わりにしてみてください。これが事実であるかない場合はprint_r($_POST);あなたが瞬時に表示されます場合

$catSelectVal = $_POST['category'];はよう@RiggsFolly、言及しました。