各位前輩大家好，
小弟是程式菜鳥，目前正在學PHP
小弟參考網路上前輩的程式寫了一個AJAX三層連動
但是這個程式在Edge可以run,不過在Chrome卻沒反應，不知是那邊有問題

<select name="form_cory" id="form_cory">
                                <option>請選擇第一類</option>
                                <?php
                                $query_country = "SELECT csc_id, csc_cory FROM cs_cory";
                                $cory_resut = $db_link->query($query_cory);
                                while ($cory_row_result = $country_resut->fetch_assoc()){ ?>
                                    <option vaule="<?php echo $cory_row_result['csc_id'];?>"><?php echo $cory_row_result['csc_cory']?></option>
                                <?php } ?>
                            </select>&nbsp
                            <select name="form_parts" id="form_parts">
                                <option>請選擇第二類</option>
                            </select>&nbsp
                            <select name="form_reg" id="form_reg">
                                <option>請選擇第三類</option>
                            </select>
                            <script>
                                $(document).on('change', '#form_cory', function(){
                                var csc_cory = $('#form_cory :selected').val();
                                    $.ajax({
                                        url:"select_global.php",
                                        method:"POST",
                                        data:{
                                            form_cory:csc_cory
                                        },
                                        success:function(result){
                                            $('#form_parts').html(result);
                                        }
                                    })//end ajax
                                    $(document).on('change', '#form_parts', function(){
                                    var csg_part = $('#form_parts :selected').val();
                                        $.ajax({
                                            url:"select_global.php",
                                            method:"POST",
                                            data:{
                                                form_part:csg_parts
                                            },
                                            success:function(result1){
                                                $('#form_reg').html(result1);
                                            }
                                        })//end ajax
                                    });
                                });
                            </script>

接收AJAX的PHP為：

$form_cory = $_POST['form_cory'];
    $query_part = "SELECT distinct csg_parts FROM cs_global WHERE csg_cory = '$form_cory'";
    echo "query_parts = " . $query_parts;
    $parts_result = $db_link->query($query_parts);
    $result = "";//把準備回傳的變數result準備好
    while($part_row_result=mysqli_fetch_assoc($parts_result)){
    $result .= "
        <option value='{$part_row_result["csg_parts"]}'>{$part_row_result['csg_parts']}</option>
    ";//將對應的型號項目遞迴列出
    };
    echo $result;//將型號項目丟回給ajax

    //第三層-區選單
    $form_parts = $_POST['form_parts'];
    $query_region = "SELECT distinct csg_reg FROM cs_global WHERE csg_parts = '$form_parts'";
    $reg_result = $db_link->query($query_reg);
    $result1 = "";//把準備回傳的變數result準備好
    while($reg_row_result=mysqli_fetch_assoc($reg_result)){
    $result1 .= "
        <option value='{$reg_row_result["csg_reg"]}'>{$region_row_result['csg_reg']}</option>
    ";//將對應的型號項目遞迴列出
    };
    echo $result1;//將型號項目丟回給ajax

而Table資料如下：

小弟還有個疑問
就是當第一類有選擇物品時，第二類會接著連動，選擇第二類物品時，第三類也會接著連動
但是當第二類有物品，而同時第二類與第三類是空值時
第二類會連動，但是第三類卻不會連動
請問當遇到這種情形時，要如何讓所有階層都能連動呢？
請各位前輩指導，謝謝