Display Next row after completing selection of all dropdowns in the all above rows
<p>My requirement is to display a row if all drop downs in the above row's value is not "Select Answer".If Any drop down's answer is "Select Answer" all the drop downs in the below row of its row should be hidden. How can i achieve that. Any idea.<br>
Below is my HTML code..  </p>

<pre><code> &lt;table&gt;
&lt;tr&gt;
    &lt;td&gt;
         &lt;select  id="S1"  class="dropdown"&gt;
            &lt;option value="" selected="selected"&gt;Select answer&lt;/option&gt;
            &lt;option value="1" &gt;A&lt;/option&gt;
            &lt;option value="2"&gt;B&lt;/option&gt;
            &lt;option value="3"&gt;C&lt;/option&gt;
        &lt;/select&gt;
    &lt;/td&gt;
            &lt;td&gt;
    &lt;select id="S2"  class="dropdown"&gt;
        &lt;option value="" selected="selected"&gt;Select answer&lt;/option&gt;
        &lt;option value="1"&gt;A&lt;/option&gt;
        &lt;option value="2" &gt;B&lt;/option&gt;
        &lt;option value="3"&gt;C&lt;/option&gt;
    &lt;/select&gt;
    &lt;/td&gt;

&lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;
    &lt;select id="S2"  class="dropdown"&gt;
        &lt;option value="" selected="selected"&gt;Select answer&lt;/option&gt;
        &lt;option value="1"&gt;A&lt;/option&gt;
        &lt;option value="2" &gt;B&lt;/option&gt;
        &lt;option value="3"&gt;C&lt;/option&gt;
    &lt;/select&gt;
    &lt;/td&gt;
            &lt;td&gt;
    &lt;select id="S2"  class="dropdown"&gt;
        &lt;option value="" selected="selected"&gt;Select answer&lt;/option&gt;
        &lt;option value="1"&gt;A&lt;/option&gt;
        &lt;option value="2" &gt;B&lt;/option&gt;
        &lt;option value="3"&gt;C&lt;/option&gt;
    &lt;/select&gt;
    &lt;/td&gt;
    &lt;/tr&gt;
 &lt;/table&gt;
</code></pre>
