下拉框的关键替代方案

Question

我当前有一个带有 id="activityField"的搜索字段，以便每当用户更改此字段时，一个关联的表更新。据我所知，这是jQuery keyup（）的结果：

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

但是，我添加了一个带有HTML <select id="activityFilter">的下拉框，但我不知道如何复制keyup（）行为。当我在下拉列表中选择一个选项时，没有立即更改，但是如果我点击#TableFilter输入字段中的空间，则表将按预期更新。

我可以在此下拉菜单上使用一些键盘（）等效吗？

Answer 1

您应该使用

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

也可能是一个好主意不是在document上设置键入侦听器。您应该给所有输入字段一个通用类，然后在该类上听。

IE：

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