Выберите поле, не заполняемое через Ajax

Question

Я хочу добиться этой функции.Что когда пользователи, которые хотят разместить рекламу, выбирают категорию, то метод .change() JQUERY переключает запрос AJAX, который будет запрашивать подкатегории из таблицы SUB-CATEGORIES, которые принадлежат выбранной КАТЕГОРИИ, и добавлять результаты в следующее поле SELECT FIELD.,Но пока он не получает результаты.

Это мои фрагменты кода.

subcat.php

<?php

include 'includes/config.php';

if (isset($_POST['category'])) {

    $cat = mysqli_real_escape_string($link, $_GET['category']);
    //select category id from categories table where Title = $cat
    $catIdSel = "SELECT cat_id FROM categories WHERE catTitle = '$cat'";
    $catIdSelKwary = mysqli_query($link, $catIdSel);
    $catIdSelCount = mysqli_nums_row($catIdSelKwary);
    if ($catIdSelCount == 1) {
        $catIdRow = mysqli_fetch_array($catIdSelKwary);

        $cat_id = $catIdRow['cat_id'];
    }

    //select from sub-categories table all the sub-categories that have the same cat_id with the returned cat_id from the dategories table

        $subCatSel = "SELECT Title FROM sub_categories WHERE cat_id = '$cat_id'";
        $subCatSelKwary = mysqli_query($link, $subCatSel);
        $subCatSelCount = mysqli_nums_row($subCatSelKwary);
        if ($catIdSelCount > 0) {

            while ($subCatRow = mysqli_fetch_array($subCatSelKwary)) {

                echo '<option value="'.$subCatRow['Title'].'">' .$subCatRow['Title']. '</option>';
            }
        }else{
            echo "No Sub Category for this Category yet";
        }
}

postad.php - где мой Jquery

<script type="text/javascript">
    $(document).ready(function () {
        $('#category').change(function () {
            //display loading option
            $('#sub-category').html('<option value="">Fetching Sub Categories...</option>');
            //collect select value
            var category = $('#category').val();

            $.ajax({
                URL: 'sel_subcat.php?cat' + category,
                method: 'POST',
                data: category,
                success: function (data) {
                    //append the data to the select field
                    $('#sub-category').html(data);
                },
                error: function () {
                    console.log(xhr.status + " " + thrownError);
                }
            });
        });
    });
</script>

Ниже изображение страницы / формы

Answer 1

Это может помочь вам

           var category = $('#category').val();

            $.ajax({
                URL: 'sel_subcat.php',
                method: 'POST',
                data: {category:category},
                success:function(data){
                    //append the data to the select field
                    $('#sub-category').html(data);
                },
                error:function () {
                    console.log(xhr.status + " " + thrownError);
                }
            });

И использовать $ _POST ['category'] для получения данных.