jQueryは、クリックボタンまたはオンウンドドロップダウンで同じ機能を実行します。

Question

クリックボタンでうまく動作している次のコードがありますが、ドロップダウンリストの変更イベントでも実行します。

Answer 1

イベント処理に無名関数を使用する代わりに、関数を作成し、クリックしたときと変更したときの両方で関数を呼び出します。

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

Answer 2

この

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