0

我将 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>

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

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

拉克斯曼乔达里

4

2 回答 2

0

因为你还没有发布你的代码。我将给出一个总体看法。

在选择国家时，您需要进行 ajax 调用并从 db 或您存储和填充它的任何地方获取与该国家相关的城市列表。

之后，如果用户选择城市，您将再进行一次 ajax 调用，将国家和城市从表中获取城市的详细信息。

要消失旧数据，更改国家或城市，您可以将元素设为空

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

于 2012-07-02T11:57:38.077 回答
0

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

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

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

于 2012-07-02T11:41:23.577 回答