Подтвердить Выберите раскрывающийся список, если установлен флажок

Question

Я сталкиваюсь с проблемой проверки выпадающих списков. Существует список флажков и соответствующих полей выбора, если установлен определенный флажок в пределах

, то в соответствующем поле выбора должно быть выбрано значение, иначе throw и error. Пожалуйста, помогите ....

HTML-код выглядит следующим образом ...

<ul>
<li><input type="checkbox" name="status" />
    <select name="select1a">
    <option>Value 1</option>
    <option>Value 2</option>
    </select>
    <select name="select1b">
    <option>Value 1</option>
    <option>Value 2</option>
    </select>
</li>
<li><input type="checkbox" name="status" />
    <select name="select2a">
    <option>Value 1</option>
    <option>Value 2</option>
    </select>
    <select name="select2b">
    <option>Value 1</option>
    <option>Value 2</option>
    </select>
</li>
<li><input type="checkbox" name="status" />
    <select name="select3a">
    <option>Value 1</option>
    <option>Value 2</option>
    </select>
    <select name="select3b">
    <option>Value 1</option>
    <option>Value 2</option>
    </select>
</li>
</ul>
<input type="submit" name="Approve" />

Спасибо ....

Answer 1

Это если код, который я опробовал ... Я успешно проверил флажок, но если этот флажок установлен, пользователь должен выбрать раскрывающийся список, соответствующий этому ... Я прилагаю код ниже ...

jQuery('#approve').click(function(){
   if(status == 1)
   {
    if (jQuery('input[type="checkbox"]:checked').size() == 0) 
      {
       alert('Please choose an option');
       return false;
      }
      else 
      {
       return true;
      }         
   }
   else if (status == 0)
   {   
   return true;
   }
   });

Answer 2

Один из вариантов - использовать JavaScript. Поместите на обработчик события onclick в флажки теги. Когда флажок изменен, событие onclick будет запущено. Оттуда вы можете сделать то, что вам нужно сделать, чтобы проверить выпадающие списки. Кроме того, вам будет проще, если вы дадите свои идентификаторы элементов формы. Вот пример. Синтаксис может быть немного выключен.

<script type="text/javascript">
    function validateSelect1Lists(checked) {
        if(checked && document.getElementById('select1a').selectedIndex > -1) {
               // Do some validation
        }
    }
</script>


<li>
    <input type="checkbox" name="status" id="status" onclick="validateSelect1Lists(this.checked);" />
    <select name="select1a" id="select1a">
    <option>Value 1</option>
    <option>Value 2</option>
    </select>
    <select name="select1b" id="select1b">
    <option>Value 1</option>
    <option>Value 2</option>
    </select>
</li>