JSFiddle - React, Tailwind, and code Playground

by bryan_weaver

HTML

<select id="selectQuestionSetVersion">
   <option value="-1">Question Set Version...</option>
    <option value="0">valid</option>
</select>

<select class="questionList">
   <option value="-1">FirstQuestion</option>
    <option value="0">valid</option>
</select>

<select class="questionList">
   <option value="-1">SecondQuestion</option>
    <option value="0">valid</option>
</select>

<select class="questionList">
   <option value="-1">ThirdQuestion</option>
    <option value="0">valid</option>
</select>

<br/>
<input class="testBtn" type="button" value="Check"/>
<br/>
<span class="result"></span>

JavaScript

//code
function ValidDropDowns() {
    //check question set version
    var questionSetValid = $('#selectQuestionSetVersion').find('option:selected').val() != "-1";

    //check questions
    var invailidQuestionCount = 0;
    $('.questionList').each(function() {
        if ($(this).find("option:selected").val() == "-1") {
            invailidQuestionCount++;
        }
    });
    
    if (questionSetValid && invailidQuestionCount === 0) {
        return true;
    } else {
        return false;
    }
}

//test
$(function() {
    $('.testBtn').click(function() {
        $('.result').text(ValidDropDowns());
    });
});