使用Ajax从MySQL表中获取DROPDOWN中的值

Question

我有一个包含地区和国家的MySQL数据库。每个国家/地区都与一个地区相连。例如：

国家/地区

柬埔寨 - 东南亚

泰国 - 东南亚

印度 - 亚洲

斯里兰卡 - 亚洲

墨尔本 - 澳大利亚

我有一个前端，我可以从下拉列表中选择Region，我希望相关国家/地区显示在下一个下拉列表中

我当前的HTML代码是：

<form action="" method="post">
    <label>Region:</label>
    <select name="region">
        <option value="Cambodia">Cambodia</option>
        <option value="Thailand">Thailand</option>
        <option value="India">India</option>
        <option value="Sri Lanka">Sri Lanka</option>
        <option value="Melbourne">Melbourne</option>
    </select>
    <br />
    <label>Country:</label>
    <select name="country">
        <option value="South East Asia">South East Asia</option>
        <option value="Asia">Asia</option>
        <option value="Australia">Australia</option>
    </select>
</form>

我想在选择区域时选择此选项，只有下面列出的国家/地区应显示在下一个下拉列表中。例如，如果我选择东南亚，它应该只显示柬埔寨和泰国。如果我选择亚洲，它应该只显示印度和斯里兰卡。

有没有办法用AJAX做到这一点？