Valider Sélectionner une liste déroulante si l'on clique sur la case

Question

Je suis confronté à ce problème de validation des listes déroulantes dans une liste. Il y a une liste de cases à cocher et de cases de sélection correspondantes, si une case à cocher particulière dans un <li> est cochée, alors la case de sélection correspondante devrait avoir une valeur sélectionnée, sinon lancer et erreur. S'il vous plaît aider ....

Le code HTML est le suivant ...

<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" /> 

Merci ....

Answer 1

Une option est d'utiliser JavaScript. Placez-le sur le gestionnaire d'événement onclick dans les tags de la case à cocher. Lorsque la case à cocher est modifiée, l'événement onclick sera déclenché. De là, vous pouvez faire ce que vous devez faire pour valider les listes déroulantes. En outre, il sera plus facile si vous donnez votre ID d'éléments de formulaire. Voici un exemple. La syntaxe peut être un peu délabrée.

<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> 

Answer 2

Ce si le code que je l'ai essayé .. i a réussi à valider pour case à cocher, mais si cette case est cochée, l'utilisateur doit sélectionner un menu déroulant correspondant à cette .. Je joins le code ci-dessous ...

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; 
    } 
    });