Question

在javascript中，如果在下拉列表中选择了NOTHING，是否可以显示div？如果选择了任何内容，则隐藏div。我看到所有这些帖子，如果选择了某些内容，他们想要显示一个div ..我想做相反的事情。这就是我选择它时所拥有的..我想在找到它所选择的id或名称的地方做..不是值.. ＆lt; select onchange =＆＃34; selectOther（this）;＆＃34;＆gt; ＆lt; option value =＆＃34; @＆＃34; ID =＆＃34; otherSelected＆＃34;名称=＆＃34;其他＆＃34;＆gt;其他＆LT; /选项＆GT; ＆LT; /选择＆GT; ＆lt; div id =＆＃34;结果＆＃34;＆gt;酷＆lt; / div＆gt; function selectOther（that）{ if（that.value ==＆＃39; @＆＃39;）{ document.getElementById（＆＃39; result＆＃39;）。style.display =＆＃39; block＆＃39 ;; } 其他{ document.getElementById（＆＃39;结果＆＃39;）。style.display =＆＃39; none＆＃39 ;; } }

Answer 1

var dropdown = document.getElementById('myDropdown');
var div = document.getElementById('myDiv');
dropdown.addEventListener('change', function() {
    if (!(this.value)) {
        div.style.visibility = "visible";
    } else {
        div.style.visibility = "hidden";
    }
});

<select id="myDropdown">
  <option selected></option>
  <option>1</option>
  <option>2</option>
  <option>3</option>
</select>

<div id="myDiv">
  VISIBLE/HIDDEN
</div>

如果在<select>中未选择任何内容，则显示

1 个答案: