하나의 AJAX 요청으로 두 개의 div가 업데이트 되었습니까?

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> 

이 ... 여기에 인쇄됩니다. 하지만 새로운 requiremetn 왔어.이 상태로 나는 그가 다른 상태를 선택하면 상태 정보를 표시하고 상태 목록을 표시해야합니다.

다음 번 사용자는 다음과 같이 국가를 선택하십시오. 미국 나는 미국의 모든 주를 표시하고 델리 정보를 사라지게해야합니다.
어떻게 만드시겠습니까?
난 단지 자바 스크립트 ...하지 jQuery를 사용하고 있습니다 ..

락스 Chowdary

Answer 1

카운티 클릭 핸들러에 대한

의사 코드 :

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

당신은 당신이 핸들러에서 원하는 거의 아무것도 할 수 있습니다 왜 2 div에서 멈추지? 전체 페이지 또는 무엇이든 다시 작성하십시오. 특정 문제가있는 경우 코드와 함께 게시하십시오.

Answer 2

코드를 게시하지 않으 셨습니다. 나는 일반적인 견해를 줄 것이다.

국가 선택시 아약스 전화를 걸고 해당 국가와 관련된 도시 목록을 db 또는 저장 및 채우기 위치에서 가져옵니다.

사용자가 도시를 선택하면 다시 한 번 ajax를 호출하면 국가와 도시가 db에서 도시의 세부 정보를 가져옵니다.

은 국가 또는 도시의 onchange를 사용하면 (기본적으로 모든 국가 또는 도시 아약스 당신이 그것을해야 할 것 통화)

$(selector).empty() 빈 요소를 만들 수 있습니다, 이전 데이터를 사라지게합니다.