用一个AJAX请求更新两个div？

Question

我将AJAX与struts1.x结合使用，在我的应用程序中，一旦选择了第一个选择项，然后将使用AJAX更新第二个选择项。 一旦我选择了第二个选择项，它将使用AJAX显示结果。
现在，如果用户选择了第一次选择的项目的不同项目，那么我必须在第二次选择的项目中显示更新的结果，并消失由第二次选择的项目引起的先前结果。
例如。 选择国家：印度
选择州：德里
德里信息将在此处打印...
Ajax回应

document.getElementById("processStates").innerHTML = xmlHttp.responseText;  

document.getElementById("StateInfoDisplay").innerHTML = xmlHttp.responseText;  


  select country:<select name="countryName"
onchange="showStates(this.value);">  

<span id="processStates"> <select
name="stateName" onchange="showStateInfo(this.value);">  

<div id="StateInfoDisplay"></div>

我能够实现这一点。 但是出现了新的要求。按照这种方式，一旦他选择了其他状态，我就必须消失状态信息并显示状态列表。

接下来，一旦用户选择Country作为：USA，我必须显示美国的所有州，并消失德里信息。
怎么做？
我只使用javascript ...而不使用jquery。

拉克斯曼·乔杜里

Answer 1

县点击处理程序的伪代码：

if (selectedCountry != previousCountry) {
   states.clear()
   states.reload(selectedCountry)
}

您可以在处理程序中执行几乎所有您想做的事情-为什么停在2格处？ 重写整个页面或其他内容。 如果您有特定的问题，请将其与您的代码一起发布。

Answer 2

由于您尚未发布代码。 我将给出一个总体看法。

选择国家/地区后，您需要进行ajax调用，并从数据库或您存储和填充的国家/地区获取与该国家/地区相关的城市列表。

在那之后，如果用户选择城市，您需要再执行一次ajax调用，将国家和城市发送到数据库可从表中获取城市的详细信息。

要消失旧数据，当国家或城市发生变化时，您可以将元素留空

$(selector).empty() （基本上在每个国家或城市的ajax调用中都必须这样做）。