如何使用javascript关闭组合框？

Question

我对javascript很新，所以请原谅我的无知。我正在尝试做一些看起来应该非常简单的事情......关闭一个组合框。但是，当我使用hide（）函数时，它不仅会关闭组合框，而且会完全删除它。有没有办法关闭它？

编辑：

这是我正在使用的实际代码

$(window).ready(function ()
{
    $('#comboBox .dropdown-menu').mouseleave(function ()
    {
        $("#comboBox").hide();
    });
});

当鼠标离开打开的组合框时，这将从页面中删除组合框。如果我用模糊替换hide，则根本不会发生任何事情。

编辑2：

这是我实际列表的代码：

<div class="btn-group" id="comboBox">
                    <button class="btn btn-custom-top dropdown-toggle" data-toggle="dropdown"><span class="caption"></span><span class="caret"></span></button>
                    <ul class="dropdown-menu">
                    </ul>
</div>

编辑3：

好吧，我显然很困惑我在做什么。这并不奇怪，因为我对这一切都很陌生。它实际上并不是我想要关闭的组合框。它是一个引导下拉按钮类型，它实际上与组合框没有相同的行为。看起来没有现成的功能来做我想做的事。

Answer 1

如果您正在讨论DOM select元素，那么您可以做的最好就是调用blur()，这将关闭它。

Answer 2

你应该调用它的blur事件处理程序，这是使用jQuery的代码：

$('#yourSelectId').blur();