使用Ajax加载数据库表&；PHP

我有这样一个下拉菜单：

<select name="location_" required="required" id="location_">
        <option value="Location_1">Location_1</option>
        <option value="Location_2">Location_2</option>
        <option value="Location_3">Location_3</option>
</select>

地点1
地点2
地点3

所以我需要的是，当我在下拉菜单中选择一个选项时，自动加载一个与我的选择相关的表格

例如：

我在mySQL数据库中有：

表1：地点1 表2：地点2 表3：地点3

如果我在自动下拉菜单中选择位置2，我将在Ajax中加载表2，其他选择也一样

$('#location_').on('change', function(e) {
    $.post("ajax/get-table.php", { 'option' : $(this).val() }, function(data){
        //whatever you want to do with the response from the file
    }
    e.preventDefault();
});

然后在

ajax/get table.php

中调用数据库并获取所需内容。以json编码字符串（或数组，取决于您的需要）的形式返回。然后，你会在一个名为data的JS变量中得到信息，你可以把数据放到你需要的地方