如何根据第一个选择下拉列表填充选择下拉列表

Question

我已经阅读了很多关于此的不同文章，包括 https://www.9lessons.info/2010/08/dynamic-dependent-select-box-using.html 和 http://blog.chapagain.com.np/using-jquery-ajax-populate-selection-list/

但这对我不起作用，我不知道为什么。

HTML

div class="col-sm-6">
                        <label for="selectComplvl" class="regions" >Region</label></div>
                    <div class="col-sm-6">
                      <select class="form-control levelbox" id="region" value="" name="region">
                        <option value="base">---Select---</option>
                        <?php
                          $region_sql = "SELECT * FROM `regions`";
                          $region_res = mysqli_query($con, $region_sql);
                          if(mysqli_num_rows($region_res) > 0){
                             while($region_row = mysqli_fetch_array($region_res)){
                                  echo "<option value='".$region_row[id]."'>".$region_row[region]."</option>";
                              } 
                          }

                        ?>

                      </select>
                      <div class="help-block with-errors"></div>
                    </div>
                  </div>
                </div>

                <div class="form-group col-sm-3">
                  <div class="row">
                    <div class="col-sm-6">
                        <label for="compEntered" class="comp">compeition Entered</label></div>
                    <div class="col-sm-6">
                      <select class="form-control" id="compEntered" name="compEntered">
                        <option value="base">Please choose a Region</option>

                      </select>
                      <div class="help-block with-errors"></div>
                    </div>
                  </div>
                </div>
            </div>

getcomp.php

<?php
if($_POST['id'])
{
$id=$_POST['id'];
$sql=mysqli_query("select * from comp_entered where region_id='$id'");
while($row=mysqli_fetch_array($sql))
{
    echo '<option value="'.$row['region_id'].'">'.$row['comp_entered'].'</option>';
}
}
?>

JS

$(document).ready(function(){ 
$("#region").change(function()

                                             {
                            var id=$(this).val();
                            var dataString = 'id='+ id;
                            $.ajax
                            ({
                                type: "POST",
                                url: "getcomp.php",
                                data: dataString,
                                cache: false,
                                success: function(html)
                                {
                                    $("#compEntered").html(html);
                                }
                            });
                        });
});

表格区域

| 身份证 | 地区 |

| 1 |中美洲 |

| 2 |大西洋中部 |

| 3 |美国南部 |

TABLE comp_entered

| 身份证 | region_id | comp_entered |

| 1 | 1 |补偿 |

| 2 | 1 |补偿 |

| 3 | 2 |比较 C |

| 4 | 2 |压缩 |

| 5 | 3 |比较|

| 6 | 3 |比较 F |

我的代码有什么问题？完成这项工作的最佳方法是什么？

Answer 1

我发现了我的问题！感谢 Jordan 指出我应该检查我的错误日志！！问题出在我的 getcomp.php 文件中。

我在这里发布答案，以防其他人遇到类似问题。

这是正确的代码：

if($_POST['id'])
{
$id=$_POST['id'];
$sql= "select * from comp_entered where region_id='$id'";
$res= mysqli_query($con, $sql);
while($row=mysqli_fetch_array($res))
{
    echo '<option value="'.$row['region_id'].'">'.$row['comp_entered'].'</option>';
}
}
?> 

再次感谢乔丹