Question

我有6个选择自己的div包围，我想隐藏整个div，如果select是空白的。

var objSelect = document.querySelectorAll('.engpf')
//Set selected
setSelectedValue(objSelect, "P");

function setSelectedValue(selectObj, valueToSet) {

    for (var i=0; i<selectObj.length; i++) {
    for(var j=0; j<selectObj[i].options.length; j++){

        if (selectObj[i].options[j].value == valueToSet) {
            selectObj[i].options[j].selected = true;                
        }
    }        
}
}

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>

如果select为空，则隐藏div

1 个答案: