下拉框的替代选项

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

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

IE：

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