javascript - Live filter search using bootstrap -


i trying search data using live filter search using bootstrap filters

<input type="text" name="search" id="search"> <div class="row carousel-row lss">     <div class="col-xs-8 col-xs-offset-2 slide-row">         <div id="carousel-1" class="carousel slide slide-carousel" data-ride="carousel">             <!-- indicators -->             <!-- <ol class="carousel-indicators lsse">                 <li data-target="#carousel-1" data-slide-to="0" class="active"></li>                 <li data-target="#carousel-1" data-slide-to="1"></li>                 <li data-target="#carousel-1" data-slide-to="2"></li>               </ol> -->             <!-- wrapper slides -->             <div class="carousel-inner">                 <div class="item active">                     <img src="uploads/<?php  echo $viewjobregisterid;  ?>/<?php echo $viewjobsid;   ?>/<?php   echo $imagefile5; ?>" alt="image" style="width: 500px;height: 186px;">                 </div>             </div>         </div>         <div class="slide-content">             <h4><?php echo $myjobs1["title"]; ?></h4>             <p><?php  echo $myjobs1["description"]; ?></p>         </div>         <div class="slide-footer">             <span class="pull-right buttons">               <button class="btn btn-sm btn-info" onclick="relocateto('jobtitle.php?jobtitleid=<?php echo $myjobs1["viewjobsid"]; ?>')">view job</button>             </span>         </div>     </div> </div> 

this script using want search data code.

complete live search in page without refreshing

$(document).ready(function() {      $("#search").keyup(function() {      var val = $(this).val().tolowercase();      $(".data_li").hide();         $(".data_li").each(function() {          var text = $(this).text().tolowercase();           if(text.indexof(val) != -1)          {               $(this).show();            }         });      });  }); 

Comments

Popular posts from this blog

twig - Using Twigbridge in a Laravel 5.1 Package -

jdbc - Not able to establish database connection in eclipse -

Kivy: Swiping (Carousel & ScreenManager) -