Display changing without AJAX
<p>I have 2 drop down lists , and value of the second drop down list should change according to the value selected in first drop down list. The current drop down lists are.</p>

<pre><code>&lt;select name="first"&gt;
        &lt;option name="a" value="a"&gt;a&lt;/option&gt;
        &lt;option name="b" value="b"&gt;b&lt;/option&gt;
        &lt;option name="c" value="c"&gt;c&lt;/option&gt;
&lt;/select&gt;

&lt;select name="second"&gt;
       &lt;option name="a1" value="a1"&gt;a1&lt;/option&gt;
       &lt;option name="a2" value="a2"&gt;a2&lt;/option&gt;
       &lt;option name="b1" value="b1"&gt;b1&lt;/option&gt;
       &lt;option name="b2" value="b2"&gt;b2&lt;/option&gt;
       &lt;option name="c1" value="c1"&gt;c1&lt;/option&gt;
       &lt;option name="c2" value="c2"&gt;c2&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>I want the second drop down to be displayed according to the value selected in First dropdown, ie, if "a" is selected in first then only a1 and a2 should be shown. Also drop down values are pulled from a database
Thanks</p>
