2016-06-21 4 views
-1

В настоящее время у меня есть поле поиска с id="activityField", так что всякий раз, когда пользователь меняет это поле, обновляется связанная таблица. Насколько я знаю, это результат KeyUp JQuery():Альтернатива Keyup для выпадающих списков

$(document).on('keyup', '#tableFilter', function() { 
     window.location.hash = $(this).val() 
     $('.spotRow').first().click() 
    }) 

Однако, я добавил раскрывающийся с HTML <select id="activityFilter">, и я не знаю, как дублировать KeyUp() поведение , Когда я выберу параметр в раскрывающемся списке, ничего не меняется немедленно, но если я удалю пробел в поле ввода #tableFilter, таблица обновится, как ожидалось.

Есть ли какой-то эквивалент keyup(), который я могу использовать в этом выпадающем меню?

+1

вы пробовали '$ ('# activityFilter опция') на ('нажмите', функция() {...});' ' – Jacques

+0

Объединение change' и' щелчок. 'должен делать это. – Blazemonger

+0

Спасибо @Jacques - ваше решение сработало для меня! –

ответ

1

Вы должны использовать

$('#activityFilter option').on('click', function() { 
    window.location.hash = $(this).val(); 
    $('.spotRow').first().click(); 
}); 

Он также может быть хорошей идеей не, чтобы установить KeyUp слушателя document. Вы должны дать всем своим полям ввода общий класс и послушать этот класс.

IE:

$('.myCommonClass').on('keyup', function() { 
    window.location.hash = $(this).val(); 
    $('.spotRow').first().click(); 
});