ajax在视图块中显示

Question

在我的项目中，我想实现一个像www.kijiji.ca这样的界面来选择州和城市。

为此，我试图创建一个视图，其中包含两个单独的块，一个用于状态，另一个用于城市，但是我遇到了一个问题，即选择一个状态如何在不重新加载整个页面的情况下显示城市。

您可以通过访问www.kijiji.ca来理解我的问题，并帮助我。

Answer 1

您可以加载包含所有信息的页面并隐藏它直到点击所需内容，然后使用javascript来显示它。或者，您可以使用ajax在单击项目时查找所需的项目，再次使用javascript

Answer 2

我已经解决了类似这样的情况......我的解决方案是将州和城市存储在我的数据库中。我最初加载页面时拉这些值。我通过将StateCode与“ - ”和CityName连接起来，为下拉列表创建代码值列表。显示值只是CityName。当窗口加载时，我使用jquery保存下拉列表的html。这允许我重置列表。然后我最初通过从下拉列表中删除与我最初选择的StateCode不匹配的项目来过滤列表

 $("#AsCity option:not(:contains('[" + checkVal + "]'))").remove();

然后每次更改状态下拉列表时，我重置CityName下拉列表（使用我保存的html）并重新过滤CityName列表，删除与我选择的状态不匹配的列表。