Advertisement
Guest User

search filter

a guest
Feb 22nd, 2018
95
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <=== HTMLnya ===>
  2. <input id="keyword_filter" name="keyword" type="text" autocomplete="off" class="input-lg">
  3.  
  4. <=== Javascriptnya ===>
  5. $(function () {
  6.     $("#results").hide();
  7.     var base_url = window.location.origin;
  8.     var select = document.getElementById("pilihkategori");
  9.     var selected = select.options[select.selectedIndex].value;
  10.     if (selected == 1) {
  11.         $("#keyword_filter").on('keyup' , function() {
  12.             console.log(this.value);        
  13.             var search = $(this).val();        
  14.             if (search.length > 3) {            
  15.                 $.ajax({
  16.                     url: base_url + '/buku/semuabuku/' + search,
  17.                     type:'GET',
  18.                     data:'keyword='+search,
  19.                     beforeSend:function () {
  20.                         $("#results").slideUp('fast');
  21.                     },
  22.                     success:function (data) {
  23.                         $("#results").html(data);
  24.                         $("#results").slideDown('fast');
  25.                     }
  26.                 });
  27.             } else if (search.length < 3) {
  28.                 $("#results").hide();
  29.             }
  30.         });
  31.     } else {
  32.         $('#pilihkategori').change(function(){
  33.             var id_kategori = $(this).val();
  34.             console.log(id_kategori);
  35.  
  36.             $.ajax({                
  37.                 url: base_url + '/buku/bykategori/' + id_kategori,
  38.                 type:'GET',
  39.                 data:'keyword='+search,
  40.                 beforeSend:function () {
  41.                     $("#results").slideUp('fast');
  42.                 },
  43.                 success: function(data) {
  44.                     console.log(data);
  45.                     $('#keyword_filter').on('keyup', function () {
  46.                         var kata = $(this).val();
  47.                         if (kata.length > 3) {
  48.                             $("#results").html(data);
  49.                             $("#results").slideDown('fast');
  50.                         } else $("#results").hide();
  51.                     });                
  52.                 }
  53.             });
  54.         });
  55.     }        
  56. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement