Javascript 有条件地显示/隐藏div

我想在用户仅使用vanilla javascript选择“laptop”时隐藏下面的div

<select class="form-control input-lg" name="category">
      <option value="Desktop PCs &amp; Central unit">Desktop PCs &amp; Central unit</option>
      <option value="Laptop">Laptop</option>
    </select>

    <div class="form-group">
      <label class="" for="Name">Name</label>
      <input type="text"/>
    </div>

台式电脑及；中央单位
笔记本电脑
名称

给你，我自己测试过，效果很好

函数hideDiv（elem）{
如果（元素值==“笔记本电脑”）
document.getElementById（'hideDiv'）.style.display=“无”；
其他的
document.getElementById（'hideDiv'）.style.display='block'；
}
台式电脑及；中央单位
笔记本电脑
名称

您可以使用addEventListener（）将更改事件附加到select元素。在事件处理程序函数中，检查值，如果是，则将display属性设置为none，否则将属性值设置为block

请尝试以下方法：

var元素=document.querySelector（“div.form-group”）；
document.querySelector（'select[name=category]”）。addEventListener（'change'，function（）{
如果（this.value=='Laptop'）
element.style.display='none'；
其他的
element.style.display='block'；
})

台式电脑及；中央单位
笔记本电脑
名称

mmm，并非所有浏览器都使用classList，不管怎样，看看你已经尝试了什么？您可以显示代码吗？您也可以使用JQuery来执行此操作！请分享您迄今为止尝试过的代码。这将有助于人们更好地解决您的问题：）我没有代码，我只是想知道是否有一种方法可以使用vanilla javascriptyup在select上隐藏该div，这是有效的。谢谢您的帮助：）@Scripts，非常欢迎：）谢谢，这是有效的，只有当您看到代码xD时，它看起来才简单