我正在使用html SELECT制作3个下拉菜单。一个列表国家,一个用于地区,一个用于城市。
它们在数据库中都有不同的表,并且它们使用外键相互链接。
我想强制用户先选择一个国家/地区,同时锁定其他两个菜单。当他选择一个国家时,他将能够选择一个地区,然后选择一个城市。我该怎么做?
答案 0 :(得分:4)
你哪个部分特别遇到问题?
1)当用户加载页面时填充国家/地区列表,禁用其他2个菜单。 (SELECT * FROM Countries;
)
2)当用户选择国家/地区时,向包含国家/地区名称的服务器发送AJAX请求。 (SELECT * FROM Regions WHERE id = country_id;
)
3)当您收到AJAX响应时,填充区域列表并启用它
4)对城市名称重复步骤2和3。
答案 1 :(得分:2)
你有几种可能性。
您可以编写一个选择,一次检索所有国家/地区 - 城市组合,并使用这些行在加载时创建表示此数据的Javascript对象。然后创建一个Javascript方法,在选择新的国家或地区时更新相关行。
您可以编写3个选择语句,1个用于国家/地区,1个用于特定国家/地区,1个用于特定区域的城市。国家/地区选择将在页面加载时运行,而其他查询可以在选择国家/地区时使用Ajax请求执行。
答案 2 :(得分:2)
试试这个premade script并开始接受答案......,人们可能更愿意提供帮助。