jQuery run same function on click button or onchange dropdown

Question

i have following code which is working fine on click button but i also want it to execute on change event of my drop down list. which is

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

});

somebody posted this answer $('.search-btn-cls').on("click change",function () { and now he removed. is that not the right solution? — Muhammad
– Muhammad, Commented Jun 30, 2017 at 14:10

Mahesh Hegde · Accepted Answer · 2017-06-30 13:38:16Z

4

Instead of using anonymous function for event handling, create a function and call it in both cases i.e on click and on change.

// 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);

answered Jun 30, 2017 at 13:38

Mahesh Hegde

1841 silver badge4 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Achyuth23 Over a year ago

Very nice answer.

Vijay · Accepted Answer · 2017-06-30 13:54:58Z

0

Try this

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

answered Jun 30, 2017 at 13:54

Vijay

3753 silver badges11 bronze badges

Collectives™ on Stack Overflow

jQuery run same function on click button or onchange dropdown

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related