Question

我正在使用带有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>

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

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

Laxman Chowdary

Answer 1

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

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

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

Answer 2

由于您尚未发布代码。我会给出一个普遍的看法。

在选择国家/地区时，您已执行ajax调用并从db获取与该国家/地区相关的城市列表，或者存储和填充它的位置。

之后如果用户选择城市你又做了一次ajax呼叫将country和city to db从表中获取城市的详细信息。

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

$(selector).empty()（基本上在每个国家或城市ajax呼叫你必须这样做）。

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

2 个答案: