JQuery: потерять фокус на элементе

Нужно как-то потерять фокус на <select> после выбора <option>.

Панель инструментов должна быть видимой, пока пользователь делает выбор, и должен быть скрыт при выполнении выбора.

Ответы

Ответ 1

Вы можете использовать метод blur(), например:

$("#adm1n-toolbar form select").change(function() {
    $(this).blur();
}); // after something has been selected

Ответ 2

Запустить событие размытия:

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

Ответ 3

Просто сфокусируйте фокус с панели инструментов:

$('#adm1n-toolbar select').trigger('blur');

Использование jsFiddle:

$('#adm1n-toolbar')
    .mouseenter(function() {
        var toolbarposition = $(this).position();
        if (toolbarposition.top < 0) {
            $(this).animate({top: '0'}, 300);
        }
    })
    .mouseleave(function() {
        var toolbarposition = $(this).position();
        if (toolbarposition.top >= 0 && !$('#adm1n-toolbar form select').is(':focus')) {
            $(this).animate({top: '-115'}, 300);
        }
    });

$('#adm1n-toolbar select').change(function(e) {
    e.preventDefault();
    $(this).trigger('blur');
});