jquery - 隐藏 textarea, div#id, div 类取决于下拉选择

Question

如何根据使用 jQuery 的下拉选择隐藏 DIV 或其他任何内容（带有类或 ID）？

例如：

<div id="example">
   <select>
      <option vlaue="1">paris</option>
      <option vlaue="2">new yourk</option>
      <option vlaue="3">oslo</option>
   <select>

   <div class="abc">hello</div>
   <div id="xxx">i'm happy</div>
</div>

如果我选择“巴黎”，则 divid=xxx必须消失。我怎样才能做到这一点？

标签： jqueryhtml

Answer 1

使用更改事件进行选择，然后使用 if 语句检查是否选择了 Paris 选项的值使用隐藏功能隐藏 div

 $('#exemple select').on('change', function() {
  if( this.value == 1){
    $("#xxx").hide();
  }
});