在不使用Ajax的情况下从MySQL表中获取下拉列表中的值

Question

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

国家-区域

柬埔寨-东南亚

泰国-东南亚

印度-亚洲

斯里兰卡-亚洲

墨尔本-澳大利亚

我有一个前端，我可以从下拉列表中选择区域，我希望相关国家在下一个下拉列表中出现。

我当前的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)在客户端完成它。不过，只有在加载了所有城市/地区之后，这才能正常工作。