在不使用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呢？

Answer 1

您应该加载所有国家/地区并将它们分组到单独的下拉列表中，并使这些下拉列表不可见。

然后，当某个区域被选中时 - 只显示正确的下拉列表并隐藏其他下拉列表。但是对于国家/地区的下拉菜单，您需要使用不同的名称。

Answer 2

你可以用JS做客户端 （http://www.javascriptkit.com/javatutors/selectcontent.shtml）。虽然这只有在你加载了所有城市/地区时才有效。