Cacher une div, si une sélection est vide

Question

J'ai 6 sélections envelopper dans leur propre div chacune, et je veux cacher la div entière, si la sélection est vide.

<div> 
    <select> 
    <option></option> 
    <option>1</option> 
    </select> 
</div> <--- Hide this div if blank option is chose. 

Answer 1

Êtes-vous après quelque chose comme ça? Ceci cache un div séparé basé sur votre sélection. Dans votre question, vous masquez la sélection elle-même si elle est vide. Si vous faites cela, comment pouvez-vous changer votre sélection, une fois que select a disparu?

var checkTheCat = function(index) { 
 
    if(!index) hideTheCat(); 
 
    else showTheCat(); 
 
} 
 

 
var hideTheCat = function() { 
 
    document.getElementById("toHide").style.display = 'none'; 
 
} 
 
var showTheCat = function() { 
 
    document.getElementById("toHide").style.display = 'block'; 
 
}

<div id="toHide"> 
 
    <img src="https://i.ytimg.com/vi/tntOCGkgt98/maxresdefault.jpg" style="height:100px;"> 
 
</div> 
 
Please select below:<br> 
 
<select id="selection" onChange="checkTheCat(this.selectedIndex);"> 
 
    <option>Blank option</option> 
 
    <option>The Cat</option> 
 
    <option>Another non-blank option</option> 
 
<select>