下拉框的關鍵替代

Question

我目前得到的搜索字段爲id="activityField"，這樣每當用戶更改此字段時，關聯的表就會更新。據我所知，這是一個jQuery的keyup（）的結果：

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

不過，我加入HTML <select id="activityFilter">一個下拉框，我不知道如何複製KEYUP（）行爲。當我在下拉列表中選擇一個選項時，沒有任何變化會立即發生，但是如果我在#tableFilter輸入字段中輸入空格，表格會按預期更新。

是否有一些可以在此下拉菜單上使用的keyup（）等價物？

Answer 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(); 
});