title: Validate Select dropdown if checkbox is clicked
body: <p>I am facing this problem of validating drop downs in a lists. There is a list of checkboxes and corresponding select boxes, if a particular checkbox within an &lt;li&gt; is checked, then the corresponding select box should have a value selected, else throw and error. Please help.... </p>
  
  <p>The html code is as follow...</p>
  
  <pre><code>&lt;ul&gt;
  &lt;li&gt;&lt;input type="checkbox" name="status" /&gt;
      &lt;select name="select1a"&gt;
      &lt;option&gt;Value 1&lt;/option&gt;
      &lt;option&gt;Value 2&lt;/option&gt;
      &lt;/select&gt;
      &lt;select name="select1b"&gt;
      &lt;option&gt;Value 1&lt;/option&gt;
      &lt;option&gt;Value 2&lt;/option&gt;
      &lt;/select&gt;
  &lt;/li&gt;
  &lt;li&gt;&lt;input type="checkbox" name="status" /&gt;
      &lt;select name="select2a"&gt;
      &lt;option&gt;Value 1&lt;/option&gt;
      &lt;option&gt;Value 2&lt;/option&gt;
      &lt;/select&gt;
      &lt;select name="select2b"&gt;
      &lt;option&gt;Value 1&lt;/option&gt;
      &lt;option&gt;Value 2&lt;/option&gt;
      &lt;/select&gt;
  &lt;/li&gt;
  &lt;li&gt;&lt;input type="checkbox" name="status" /&gt;
      &lt;select name="select3a"&gt;
      &lt;option&gt;Value 1&lt;/option&gt;
      &lt;option&gt;Value 2&lt;/option&gt;
      &lt;/select&gt;
      &lt;select name="select3b"&gt;
      &lt;option&gt;Value 1&lt;/option&gt;
      &lt;option&gt;Value 2&lt;/option&gt;
      &lt;/select&gt;
  &lt;/li&gt;
  &lt;/ul&gt;
  &lt;input type="submit" name="Approve" /&gt;
  </code></pre>
  
  <p>Thanks....</p>