jquery change event without postback
<p>I have a listbox and on a particular selected value i want to display a dropdown and on selection of a value from the dropdown i want to display another dropdown.</p>

<p>I have achieved this using jquery but the dropdowns are displayed only after postback. How to avoid the postbacks ?</p>

<p>This is my jquery code</p>

<pre><code>&lt;script type="text/javascript"&gt;
$(document).ready(function () {
    if ($('#&lt;%=under_list1.ClientID %&gt; option:selected').val() == 0) {
        $("#ddl_nature1").show();
        $("#ddl_gross1").hide();
        if ($('#&lt;%=ddl_nature.ClientID %&gt; option:selected').val() == 'I', $('#&lt;%=ddl_nature.ClientID %&gt; option:selected').val() == 'E') {
            $("#ddl_gross1").show();

        }
        else {
            $("#ddl_gross1").hide();

        }
    }
    else {
        $("#ddl_nature1").hide();
        $("#ddl_gross1").hide();
    }
});
</code></pre>

<p></p>

<p>under_list1 is my listbox id, ddl_nature1 is my first dropdown and ddl_gross1 is my second dropdown.</p>
