title: Changing the next dropdown value with previous dropdown onchange event
body: <p>I am a bit confused on my following problem.</p>
  
  <p>In my current web based application i am having two dropdown.</p>
  
  <pre><code> &lt;select  name="country"&gt;
          &lt;option value=""&gt;All&lt;/option&gt;
          &lt;option value=""&gt;India&lt;/option&gt;
          &lt;option value=""&gt;China&lt;/option&gt;
   &lt;/select&gt;
  </code></pre>
  
  <p>And</p>
  
  <pre><code> &lt;select  name="state"&gt;
          &lt;option value=""&gt;All&lt;/option&gt;
          &lt;option value=""&gt;state1&lt;/option&gt;
          &lt;option value=""&gt;state2&lt;/option&gt;
   &lt;/select&gt;
  </code></pre>
  
  <p>Now what i need to do is, <strong>when ever i select India from country then second dropdown should show all the Indian state and when i choose china, it should show all chinese state in second dropdown.</strong></p>
  
  <p>I am using two tables for both country and state with following fields</p>
  
  <p><strong>Table country with columns:</strong>   country_id, country_name</p>
  
  <p><strong>Table state with coulmn:</strong> state_id, country_id, state_name</p>
  
  <p>I am storing the state name based on country_id in state table.</p>
  
  <p>Please Suggest me.</p>