Javascript jQuery在click按钮或onchange下拉菜单上运行相同的函数

Javascript jQuery在click按钮或onchange下拉菜单上运行相同的函数,javascript,jquery,html,Javascript,Jquery,Html,我有下面的代码,它在单击按钮时运行良好,但我也希望它在我的下拉列表的更改事件中执行。那是 $("select#search_status").change() //i want same execution for it do i need to duplicate whole code ? $('.search-btn-cls').click(function () { var search_text = $('#search_text').val(); search_

我有下面的代码,它在单击按钮时运行良好,但我也希望它在我的下拉列表的更改事件中执行。那是

 $("select#search_status").change() //i want same execution for it do i need to duplicate whole code ?


$('.search-btn-cls').click(function () {
    var search_text = $('#search_text').val();

    search_val = true;
    initiatePagination();
    // ajaxSortPaginationSearch();
    // show_per_page();
    // getpagination();

    if (search_text.length > 2 || search_text.length < 1) {
        ajaxSortPaginationSearch();
        show_per_page();
        getpagination();
    } else {
        alert('Please enter minimum 3 serach character.');
        $('#search_text').focus();
    }

});
$(“选择#搜索_状态”).change()//我希望对其执行相同的操作是否需要复制整个代码?
$('.search btn cls')。单击(函数(){
var search_text=$('#search_text').val();
search_val=true;
启动启动();
//ajaxSortPaginationSearch();
//显示每个页面的页面();
//getpagination();
if(search_text.length>2 | | search_text.length<1){
ajaxSortPaginationSearch();
显示每个页面的页面();
getpagination();
}否则{
警报('请输入至少3个字符');
$(“#搜索_文本”).focus();
}
});

不要使用匿名函数进行事件处理,而是创建一个函数并在两种情况下调用它,即单击和更改

// Create a function.
function handleDropdown() {
    var search_text = $('#search_text').val();

    search_val = true;
    initiatePagination();
    // ajaxSortPaginationSearch();
    // show_per_page();
    // getpagination();

    if (search_text.length > 2 || search_text.length < 1) {
        ajaxSortPaginationSearch();
        show_per_page();
        getpagination();
    } else {
        alert('Please enter minimum 3 serach character.');
        $('#search_text').focus();
    }

}
// Now call the function.
$('.search-btn-cls').click(handleDropdown);
$("select#search_status").change(handleDropdown);
//创建一个函数。
函数handleDropdown(){
var search_text=$('#search_text').val();
search_val=true;
启动启动();
//ajaxSortPaginationSearch();
//显示每个页面的页面();
//getpagination();
if(search_text.length>2 | | search_text.length<1){
ajaxSortPaginationSearch();
显示每个页面的页面();
getpagination();
}否则{
警报('请输入至少3个字符');
$(“#搜索_文本”).focus();
}
}
//现在调用函数。
$('.search btn cls')。单击(handleDropdown);
$(“选择搜索状态”)。更改(handleDropdown);

不要使用匿名函数进行事件处理,而是创建一个函数并在两种情况下调用它,即单击和更改

// Create a function.
function handleDropdown() {
    var search_text = $('#search_text').val();

    search_val = true;
    initiatePagination();
    // ajaxSortPaginationSearch();
    // show_per_page();
    // getpagination();

    if (search_text.length > 2 || search_text.length < 1) {
        ajaxSortPaginationSearch();
        show_per_page();
        getpagination();
    } else {
        alert('Please enter minimum 3 serach character.');
        $('#search_text').focus();
    }

}
// Now call the function.
$('.search-btn-cls').click(handleDropdown);
$("select#search_status").change(handleDropdown);
//创建一个函数。
函数handleDropdown(){
var search_text=$('#search_text').val();
search_val=true;
启动启动();
//ajaxSortPaginationSearch();
//显示每个页面的页面();
//getpagination();
if(search_text.length>2 | | search_text.length<1){
ajaxSortPaginationSearch();
显示每个页面的页面();
getpagination();
}否则{
警报('请输入至少3个字符');
$(“#搜索_文本”).focus();
}
}
//现在调用函数。
$('.search btn cls')。单击(handleDropdown);
$(“选择搜索状态”)。更改(handleDropdown);
试试这个

//Call both events with same function that you want to execute.
$('.search-btn-cls').click(main);
$('.search-btn-cls').change(main);

        function main(){
            var search_text = $('#search_text').val();

            search_val = true;
            initiatePagination();

            if (search_text.length > 2 || search_text.length < 1) {
                ajaxSortPaginationSearch();
                show_per_page();
                getpagination();
            } else {
                alert('Please enter minimum 3 serach character.');
                $('#search_text').focus();
            }
        }
//使用要执行的相同函数调用两个事件。
$('.search btn cls')。单击(主);
$('.search btn cls').change(main);
函数main(){
var search_text=$('#search_text').val();
search_val=true;
启动启动();
if(search_text.length>2 | | search_text.length<1){
ajaxSortPaginationSearch();
显示每个页面的页面();
getpagination();
}否则{
警报('请输入至少3个字符');
$(“#搜索_文本”).focus();
}
}
试试这个

//Call both events with same function that you want to execute.
$('.search-btn-cls').click(main);
$('.search-btn-cls').change(main);

        function main(){
            var search_text = $('#search_text').val();

            search_val = true;
            initiatePagination();

            if (search_text.length > 2 || search_text.length < 1) {
                ajaxSortPaginationSearch();
                show_per_page();
                getpagination();
            } else {
                alert('Please enter minimum 3 serach character.');
                $('#search_text').focus();
            }
        }
//使用要执行的相同函数调用两个事件。
$('.search btn cls')。单击(主);
$('.search btn cls').change(main);
函数main(){
var search_text=$('#search_text').val();
search_val=true;
启动启动();
if(search_text.length>2 | | search_text.length<1){
ajaxSortPaginationSearch();
显示每个页面的页面();
getpagination();
}否则{
警报('请输入至少3个字符');
$(“#搜索_文本”).focus();
}
}

答案很好。答案很好。有人发布了此答案$('.search btn cls')。在(“单击更改”,函数(){上,他现在删除了。这不是正确的解决方案吗?有人发布了此答案$('.search btn cls')。在(“单击更改”,函数(){上,他现在删除了。这不是正确的解决方案吗?