文章/答案/技术大牛

发布

社区首页 >问答首页 >用一个AJAX请求更新两个div？

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

Stack Overflow用户

提问于 2012-07-02 19:29:37

回答 2查看 447关注 0票数 0

我在struts1.x中使用AJAX，在我的应用程序中，一旦选择了第一个选择项，那么第二个选择项将使用AJAX进行更新。一旦我选择了第二个选择项，它将使用AJAX显示结果。

现在，如果用户选择了第一个选择项的不同项，那么我必须在第二个选择项中显示更新的结果，并消失由第二个选择项引起的前一个结果。

例如：选择国家/地区:印度

 select State: Delhi

德里信息将打印在这里...

     Ajax response

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...not jquery..

Laxman Chowdary

javascript

ajax

html

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-07-02 19:41:24

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

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

你可以在handler中做任何你想做的事情--为什么只停留在2个div上呢？重写整个页面或其他内容。如果你有一些特定的问题，把它和你的代码一起发布。

票数 0

Stack Overflow用户

发布于 2012-07-02 19:57:38

因为你还没有发布你的代码。我会给大家一个大概的看法。

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

之后，如果用户选择了城市，你必须再做一次ajax调用，从表中获取城市的详细信息。

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

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/11292775

复制

相似问题

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

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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