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

我试图隐藏单击事件的整个下拉菜单，但有一点延迟，它会在一瞬间显示菜单我希望它在不显示菜单的情况下隐藏。

是否可以：

• 单击时根本不显示菜单

或

• 隐藏整个选择框，单击时不显示菜单

乐意使用

JavaScript

或

jQuery

HTML

目前的代码是：

---

如果要隐藏选项或自行选择，请在鼠标上执行以下操作：

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

---

但是，如果您想使用单击事件，选择的“单击”事件将类似于“更改”事件。

您只需要做一个简单的技巧，在页面加载时默认隐藏该选择，并且您可以根据需要在选择后使其可见。只需添加

style=“display:none”

作为

select

元素的html中的属性，并将其设置为

show（）

之后。

如果不想使用下拉列表，为什么要使用select？使用隐藏输入，为菜单开发您自己的东西，并用您希望在表单中发送的任何内容填充字段。原因是我正在用JavaScript中的~1000个选项填充选择框，并且不希望在单击仅具有预选选项的选择框时显示原始菜单。填充后将显示菜单。为什么不颠倒关系？默认情况下将其隐藏，然后在其他事件中显示？然后只需禁用“选择”，直到您的过程完成。很遗憾，隐藏选项在不同浏览器之间不太兼容。您可以具体说明吗？

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

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