Javascript: Wie man richtig prüft, wenn vorgewählte Option leer ist?

Question

Ich habe die Option hier gewählt, ich weiß nicht warum Wenn ich keine Option gewählt habe, die bedeutet (-select-) values ​​= "" keine Werte, immer noch nicht funktionieren. Meine Auswahlmöglichkeit ist ein Array, weil es auf der Schleife ist.

Hier ist mein Code

var randomGender_arr = []; 
var tae = true; 
if(randGender == 'random'){ 
    $('select[name="randomGender[]"]').each(function(k,v){ 

     if($(v).val()===''){ 
      alert('Please select a gender') 
     }else{ 
      randomGender_arr.push($(v).val()); 
     } 

    }); 
}else{ 

} 

Btw meine gewählte Option ist hier, wie Sie meine erste Option deaktiviert ist zu sehen. Wie könnte es als leer angesehen werden? Und prüfen Sie, ob wenn ich auch nur 1 der Option (-select-) lasse und dann false zurückgebe.

echo'<div style="float:right; position:absolute; top:10px; right:0;"> 
<label for="randomGender">Gender:</label> 
    <select name="randomGender[]" id="randomGender" class="form-control randomGender"> 
     <option disabled readonly selected>-select-</option> 
     <option value="male">Male</option> 
     <option value="female">Female</option> 
    </select> 
</div> 
<div style="clear:both;"></div>'; 

Answer 1

let changeTime = 0; 
 

 
let opt = document.querySelector(".opt"); 
 

 
let submit = document.querySelector(".submit"); 
 

 
let notif = document.querySelector(".notif"); 
 

 
opt.addEventListener("change",function(){ 
 
    changeTime++; 
 
}); 
 

 
submit.addEventListener("click",function(){ 
 

 
    if(changeTime != 0){ 
 
    // Success 
 
    notif.textContent = "Success"; 
 
    
 
    }else{ 
 
    notif.textContent = "Please chose at less one time!"; 
 
    } 
 
    
 
});

<div class="opt" style="float:right; position:absolute; top:10px; right:0;"> 
 
<label for="randomGender">Gender:</label> 
 
    <select name="randomGender[]" id="randomGender" class="form-control randomGender"> 
 
     <option disabled readonly selected>-select-</option> 
 
     <option value="male">Male</option> 
 
     <option value="female">Female</option> 
 
    </select> 
 
</div> 
 
<div style="clear:both;"></div> 
 
<button class="submit">Button</button> 
 
<p class="notif"></p>