下拉框的 Keyup 替代方案答案

【问题标题】：Keyup alternative for dropdown boxes下拉框的 Keyup 替代方案
【发布时间】：2016-06-22 22:42:20
【问题描述】：

我目前有一个带有id="activityField" 的搜索字段，这样每当用户更改此字段时，关联的表就会更新。据我所知，这是 jQuery keyup() 的结果：

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

但是，我添加了一个带有 HTML <select id="activityFilter"> 的下拉框，但我不知道如何复制 keyup() 行为。当我在下拉列表中选择一个选项时，不会立即发生任何变化，但如果我在 #tableFilter 输入字段中点击空格，表格会按预期更新。

我可以在这个下拉菜单上使用一些等效的 keyup() 吗？

【问题讨论】：

【解决方案1】：

你应该使用

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

在document 上设置您的keyup 侦听器可能也是一个好主意不。您应该为所有输入字段提供一个通用类，并监听该类。

IE：

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

【讨论】：