[英]Live filter search using bootstrap
我正在嘗試使用使用引導過濾器的實時過濾器搜索來搜索數據
<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>
這是我正在使用的腳本,我想搜索該代碼的數據。
完成頁面中的實時搜索,無需刷新
$(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.