使用javascript添加搜索和筛选函数
我目前有这个代码，删除了getJson，因为我似乎无法正确合并它。如果我使用它，以前生成的最新10个列表也会消失。现在，我们在JavaScript中使用了一个破损的代码。
var searchField = $(this).val();
if(searchField === '') {
$('#filter-records').html('');
return;
}
var regex = new RegExp(searchField, "i");
var output = '<div class="row">';
var count = 1;
$.each(data, function(key, val){
if ((val.title.search(regex) != -1) ||
(val.title.search(regex) != -1)) {
output += '<div class== val.title +'" /></div>';
output += '</div>';
$('#filter-records').html(output);
});
html代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Jobs!</title>
<link rel="stylesheet" href="/static/css/style.css">
</head>
<body>
<h1>Jobs!</h1>
<div class = "container" style = "width:900px;">
<h2 align ="center"> Search for a Job </h2>
<br /> <br />
<div align = "center">
<input type = "text" name = "search" placeholder="Search" class =
"filter-records" />
</div>
<ul class="list-group" id="result"></ul>
<br />
</div>
<p> Available Jobs</p>
<ul id="jobs">
</ul>
<aside>
<div id="fulldetails">
</div>
</aside>
<!-- load javascript libraries -->
<script src="/static/js/jquery-3.3.1.min.js"></script>
<script src="/static/js/handlebars.min.js"></script>
<!-- load project javascript -->
<!-- note that you can add more modules if you wish -->
<script src="/static/js/model.js"></script>
<script src="/static/js/script.js"></script>
</body>
</html>
回答 2
相关文章
相似问题
登录不了网页版 怎么办？
wx.showToast中image使用gif不正常怎么办？
域名错误打不开网页怎么办？
SSH 网页端 vnc 均不能连接，请问怎么办？
登陆后界面显示不正常？
相关问答用户
请输入您想邀请的人
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
