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

我在struts1.x中使用AJAX，在我的应用程序中，一旦选择第一个选择项，第二个选择项将使用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>

document.getElementById（“processStates”）.innerHTML=xmlHttp.responseText；
document.getElementById（“StateInfoDisplay”）.innerHTML=xmlHttp.responseText；
选择国家：

我能够实现这一点。但是新的要求来了。。根据这一点，我必须消失状态信息，并显示状态列表，一旦他选择了其他一些状态

下一次用户选择国家/地区为：美国 我必须显示美国所有的州，然后消失德里的信息。
怎么做？
我只使用javascript，而不是jquery

---

Laxman Chowdary

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

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

---

在handler中，你几乎可以做任何你想做的事情-为什么要停在2个div？重写整个页面或其他内容。如果您有特定问题，请将其与您的代码一起发布。

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

在选择国家时，您必须执行一个ajax调用，并从db中获取与该国家相关的城市列表，或者存储和填充该列表的位置

之后，若用户选择了城市，那个么您需要再进行一次ajax调用，以从表中获取城市的详细信息

为了消除旧数据，一旦国家或城市发生变化，就可以使元素为空

---

$（选择器）.empty（）

（基本上在每个国家或城市的ajax调用中，您都必须这样做）

你应该发布一些代码。