Javascript 调用。单击更改后下拉列表中的事件

我使用jtable显示cd相册，用户可以在其中按cd名称和cd类别进行筛选和搜索。更改后重新加载表的代码使用。按下按钮时单击事件。我想用这个按钮来搜索cd名称，并用onchange事件按类别过滤记录，而不是每次按一个按钮。是否可以触发。是否使用onchange单击

Javascript:

//Re-load records when user click 'load records' button. 
        $('#LoadRecordsButton').click(function (e) { 
            e.preventDefault(); 
            $('#AlbumTableContainer').jtable('load', { 
                CDTitle: $('#name').val(), 
                catID: $('#catID').val()
            }); 
        }); 

        //Load all records when page is first shown 
        $('#LoadRecordsButton').click(); 

html:

光盘名称：
类别：
负载记录

这将为文本框和下拉列表注册更改事件，以触发单击事件

但是，最好将

加载

功能放在一个单独的函数中，并在每个事件上调用此函数：

function loadjTable() {        
   $('#AlbumTableContainer').jtable('load', { 
       CDTitle: $('#name').val(), 
       catID: $('#catID').val()
   });
}

$('#LoadRecordsButton').click(function (e) {
   e.preventDefault();
   loadjTable();
});
$('#cdName, #catID').on('change', function() {
   loadjTable();
});

---

这可能会使您的代码更容易理解和理解。

当人们开始使用jQuery而不完善时，就会发生这种情况JS@AnshumanDwibhashi很好，谢谢你的输入，但是我不能选择学院给我的模块！这个任务是为了网页设计，但是他们想让我们在部分中加入一些jQuery，但没有教我们任何javascript。我喜欢人们以为福鲁米会吻你！我坐在办公室里，试图兼顾工作和大学生活，压力很大。现在可以用了。关于$（'#cdName，#catID'）出现错误。在（'change'，function（）不是函数，因此在internet上查找并从W3Schools找到了一个类似的示例，并将其更改为：$（“#catID”）.change（function（）{loadjTable（））；非常感谢！

$('#cdName, #catID').on('change', function() {
   $('#LoadRecordsButton').click(); 
});

function loadjTable() {        
   $('#AlbumTableContainer').jtable('load', { 
       CDTitle: $('#name').val(), 
       catID: $('#catID').val()
   });
}

$('#LoadRecordsButton').click(function (e) {
   e.preventDefault();
   loadjTable();
});
$('#cdName, #catID').on('change', function() {
   loadjTable();
});