title: how to enable/disable the dropdowns by selecting either of the dropdows below?
body: <p>how to enable/disable the dropdown Country and State ,When i do select an option of country option the State dropdown should be disabled and the other side Viceversa(When i do select the dropdown of State the dropdown of Country should be disable.
  and also hot to move to the other JSP page when i click a submit button in JSP page syntax?
       
          
          jQuery select / dropdown box example</p>
  
  <pre><code>    &lt;script type="text/javascript" src="js/jquery.js"&gt;&lt;/script&gt;
  
      &lt;/head&gt;
  
      &lt;body&gt;
  
      &lt;h1&gt;jQuery select / dropdown box example&lt;/h1&gt;
  
      &lt;script type="text/javascript"&gt;
  
        $(document).ready(function(){
  
          $("#country").change(function () {
  
       if($("#country option:selected").val()){
           // disable the dropdown:
           $('#state').attr('disabled', 'disabled');
       } else {
           $('#state').removeAttr('disabled');
       }
  
        });});
      &lt;/script&gt;
      &lt;/head&gt;&lt;body&gt;
  
      &lt;select id="country"&gt;
      &lt;option value="None"&gt;-- Select --&lt;/option&gt;
      &lt;option value="China"&gt;China&lt;/option&gt;
      &lt;option value="United State"&gt;United State&lt;/option&gt;
      &lt;option value="Malaysia"&gt;Malaysia&lt;/option&gt;
      &lt;/select&gt;
      &lt;select id ="state"&gt;
      &lt;option value ="AP"&gt;AP&lt;/option&gt;
      &lt;option value ="SP"&gt;SP&lt;/select&gt;
       &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>