基于第一个下拉菜单选择和来自数据库的值的下拉菜单

Question

我不想问，但是我正在寻找解决方案，但我没有设法得到想要的东西。

在此情况下：

下拉菜单1（来自表Region）= EMEA / AMERICAS / APJ

下拉菜单2（来自国家/地区表）=法国/英国/美国/加拿大/中国/日本

我希望基于下拉菜单1自动更新下拉菜单2。如果下拉菜单1的值为空（<option value="" selected> Select Region </option>），我想查看第二个下拉菜单中的所有国家/地区< / p>

显示所有区域的代码

<label for="regionId">Region</label>
<select id="regionId" name="regionId" required>
<option value="" selected>Select Region</option>
    <?php $answer = $bdd -> query("SELECT * FROM region ORDER BY region_id");
        # Showing all the region from the table "region" in the database "plan of records"
        while ($data = $answer->fetch()) {
            echo "<option value=\"" . $data["region_id"] . "\">" . $data["region"] . "</option>\n";
        }?>
</select>

显示全国的代码

<label for="countryId">Country</label>
<select id="countryId" name="countryId" required>
<option value="" selected>Select Country</option>
<option value="N/A">Not Applicable</option>
<?php $answer = $bdd -> query("SELECT * FROM country ORDER BY country_id");
    # Taking all the country from the table "country" in the database "plan of records"
    while ($data = $answer->fetch()) {
        echo "<option value=\"" . $data["country_id"] . "\">" . $data["country"] . "</option>\n";
    }?>

我想要的是仅将与第一个下拉列表中所选区域相关的国家/地区联系起来。

我不想重新加载页面，也没有使用$ _Get函数。

我当时正在考虑使用AJAX或javascript（以显示/隐藏），但是我发现的所有示例均未使用数据库。

感谢您的帮助。