我有一个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?
您应该加载所有国家/地区,并将它们分组到单独的下拉列表中,并使这些下拉列表不可见。
然后,当某些区域将被选中时-只显示适当的下拉菜单,并隐藏其他下拉菜单。
你可以在客户端使用JS(http://www.javascriptkit.com/javatutors/selectcontent.shtml)。尽管这只会在你加载了所有城市/地区的情况下才有效。