[英]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 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 for 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 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").hide();
$(".data_li").each(function() {
var text = $(this).text().toLowerCase();
if(text.indexOf(val) != -1)
{
$(this).show();
}
});
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.