how to enable/disable the dropdowns by selecting either of the dropdows below?
<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>
