Here's the actual code I'm using
$('#comboBox .dropdown-menu').mouseleave(function ()
This removes the combo box from the page when the mouse leaves the open combo box. If I replace hide with blur, nothing happens at all.
Here's the code for my actual list:
<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>
Alright, I was obviously confused about what I was doing. No surprise there, as I'm very new to all this. It's not actually a combo box that I'm trying to close. It's a bootstrap dropdown button type, which doesn't really have the same behavior as a combo box. It's looking like there is no function ready-made to do what I want.
If you're talking about a DOM
select element, then the best you can do is call
blur(), which will close it.
You should call its
blur event handler, here is the code using jQuery: