title: update two divs with one AJAX request?
body: <p>I'm using AJAX with struts1.x, In my application once select the first select item then second select item will be updated using AJAX. Once i select the second select item it will display the result using AJAX..<br>
  Now If the user selects different item of first select items, Then i have to display updated result in Second select items and disappear the previous result caused by second selected item.<br>
  Eg. select Country: India<br>
      select State: Delhi<br>
    Delhi Information will be printed here...<br>
          Ajax response  </p>
  
  <pre><code>document.getElementById("processStates").innerHTML = xmlHttp.responseText;  
  
  document.getElementById("StateInfoDisplay").innerHTML = xmlHttp.responseText;  
  
  
    select country:&lt;select name="countryName"
  onchange="showStates(this.value);"&gt;  
  
  &lt;span id="processStates"&gt; &lt;select
  name="stateName" onchange="showStateInfo(this.value);"&gt;  
  
  &lt;div id="StateInfoDisplay"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>       </p>
  
  <p>i'm able to implement this. But new requiremetn came.. As per this i have to disappear state information and show states list once he selects some other state.</p>
  
  <p>Next once user select Country as : USA 
  I have to display all the states of USA and disappear the delhi information.<br>
  How to do it?<br>
  I'm using only javascript...not jquery..</p>
  
  <p>Laxman Chowdary</p>