Question

我试图在点击事件中隐藏整个下拉菜单，但有一点延迟，它会显示一瞬间的菜单。 我想要隐藏而不显示菜单。

是否可以：

点击

OR

隐藏整个选择框，而不显示单击

很高兴使用JavaScript或jQuery。

HTML

<select>
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
</select>

的jQuery

$(document).ready(function(){
    $(document).on("click","select",function(){
        $(this).hide();
    });
});

目前的代码是： https://jsfiddle.net/La9mnfhc/1/

Answer 1

如果您想隐藏选项或选择自己，在鼠标悬停时您可以执行以下操作：

$(document).ready(function(){
    $(document).on("mouseover","select",function(){
    $(this).find('option').hide();//hide options
    $(this).hide();//hide select itself
  });
});

但是如果你想使用点击事件，那么select的'click'事件就像'change'事件。

Answer 2

你只需做一个简单的技巧，默认情况下选择隐藏在页面加载上，你可以根据需要在选择后使其可见。只需在style="display:none"元素的html中添加select作为属性，然后将其设为show()。

单击时隐藏整个选择下拉菜单而不显示菜单

2 个答案: