javascript - Live filter search using bootstrap


I am trying to search data using live filter search using bootstrap filters

<input type="text" name="search" id="search">
<div >
  <div >
    <div id="carousel-1" data-ride="carousel">
      <!-- Indicators -->
      <!-- <ol >
        <li data-target="#carousel-1" data-slide-to="0" ></li>
        <li data-target="#carousel-1" data-slide-to="1"></li>
        <li data-target="#carousel-1" data-slide-to="2"></li>
       </ol> -->
      <!-- Wrapper for slides -->
      <div >
        <div >
          <img src="uploads/<?php echo $viewjobregisterid; ?>/<?php echo $viewjobsid;  ?>/<?php  echo $imagefile5; ?>" alt="Image" >
    <div >
      <h4><?php echo $myjobs1["title"]; ?></h4>
      <p><?php echo $myjobs1["description"]; ?></p>
    <div >
      <span >
       <button onclick="relocateTo('jobtitle.php?jobtitleid=<?php echo $myjobs1["viewjobsid"]; ?>')">View Job</button>

This is the script i am using i want to search data for that code.




Complete live search in your page without refreshing

$(document).ready(function() {

    $("#search").keyup(function() {

    var val = $(this).val().toLowerCase();


       $(".data_li").each(function() {

        var text = $(this).text().toLowerCase();

         if(text.indexOf(val) != -1)






People are also looking for solutions to the problem: javascript - Geo plugin API is not working on a domain sometimes


Didn't find the answer?

Our community is visited by hundreds of web development professionals every day. Ask your question and get a quick answer for free.

Ask a Question

Write quick answer

Do you know the answer to this question? Write a quick response to it. With your help, we will make our community stronger.

Similar questions

Find the answer in similar questions on our website.