選択が空の場合、divを非表示にする

Question

それぞれのdivで6つの選択ラップがあり、選択が空白の場合はdiv全体を非表示にします。

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

Answer 1

あなたはこのような後ですか？これはあなたの選択に基づいてseparete divを隠しています。あなたの質問では、それが空白の場合は、選択自体を隠している。そうしたら、selectが消えたら、どうやって選択を変更できますか？

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>