Hide/Show child items on a dropdown onchange of the other dropdown value (parent)
<p>I have simple filtering to be done possibly using javascript. I am new to javascript. I have a vehicle makeList and vehicle modelList coming from the java to my JSP. </p>

<pre><code>            &lt;tr&gt;&lt;td&gt;&lt;form:label path="makeId"&gt;Make: &lt;/form:label&gt;&lt;/td&gt;
            &lt;td&gt;&lt;form:select  path="makeId" required="true"&gt;
                    &lt;form:options items="${makeList}" itemValue="makeId" itemLabel="makeName"&gt;&lt;/form:options&gt;
                &lt;/form:select&gt;
            &lt;/td&gt;
            &lt;td&gt;&lt;form:label path="modelId"&gt;Model: &lt;/form:label&gt;&lt;/td&gt;
            &lt;td&gt;&lt;form:select path="modelId" required="true"&gt;
                    &lt;form:options items="${modelList}" itemValue="modelId" itemLabel="modelName"&gt;&lt;/form:options&gt;
                &lt;/form:select&gt;
            &lt;/td&gt;&lt;/tr&gt;
</code></pre>

<p>All I want to do is onchange of make , show only those model associated with that make and hide rest</p>

<p>Hope someone can get me a simplest solution </p>