使用Javascript实现简单的搜索功能
我正试图用javascript制作一个简单的搜索函数,但由于某种原因,当我在搜索栏中输入一些内容时,它并没有显示任何内容。提前谢谢。代码如下:使用Javascript实现简单的搜索功能,javascript,html,css,search,Javascript,Html,Css,Search,我正试图用javascript制作一个简单的搜索函数,但由于某种原因,当我在搜索栏中输入一些内容时,它并没有显示任何内容。提前谢谢。代码如下: var terms=newarray(); var max=6; 对于(i=1;i请更正您的搜索功能: function search() { var input = document.getElementById('searchbar').value.toLowerCase(); var i=0; var list="";
var terms=newarray();
var max=6;
对于(i=1;i请更正您的搜索功能:
function search() {
var input = document.getElementById('searchbar').value.toLowerCase();
var i=0;
var list="";
var pos=-1;
if(input!="") {
for(i=1; i<=max; i++) {
pos= terms[i]['search'].indexOf(input);
if(pos!=-1) {
// You have error in this line
list= list + '<a class="search_lnk" href="'+terms[i]['lnk']+'">' + terms[i]['des'] + '</a>' + '<br>';
}
pos=-1;
}
if(list==""){
document.getElementById("listing").innerHTML = "";
document.getElementById("listing").style.display = "none";
} else {
document.getElementById("listing").innerHTML = list;
document.getElementById("listing").style.display = "block";
}
}
}
函数搜索(){
var input=document.getElementById('searchbar').value.toLowerCase();
var i=0;
var list=“”;
var pos=-1;
如果(输入!=“”){
对于(i=1;i请更正您的搜索功能:
function search() {
var input = document.getElementById('searchbar').value.toLowerCase();
var i=0;
var list="";
var pos=-1;
if(input!="") {
for(i=1; i<=max; i++) {
pos= terms[i]['search'].indexOf(input);
if(pos!=-1) {
// You have error in this line
list= list + '<a class="search_lnk" href="'+terms[i]['lnk']+'">' + terms[i]['des'] + '</a>' + '<br>';
}
pos=-1;
}
if(list==""){
document.getElementById("listing").innerHTML = "";
document.getElementById("listing").style.display = "none";
} else {
document.getElementById("listing").innerHTML = list;
document.getElementById("listing").style.display = "block";
}
}
}
函数搜索(){
var input=document.getElementById('searchbar').value.toLowerCase();
var i=0;
var list=“”;
var pos=-1;
如果(输入!=“”){
对于(i=1;i只要更正这一行,它将按预期工作(由于某些原因,它不会在SO的测试控制台中正确运行,但在html页面上工作正常)
进入
只要更正这一行,它就会按预期工作(由于某些原因,它不会在SO的测试控制台中正确运行,但在html页面上工作正常)
进入
更加专注地工作您错过了链接处的Closing标记和显示链接所需的数据
if(pos!=-1) {
list= list + '<a class="search_lnk" href="' + terms[i]['des'] + '">'+terms[i]['des']+'</a>' + '<br>'; }
pos=-1;
}
if(pos!=-1){
list=list+''+'
';}
pos=-1;
}
更加专注地工作您错过了链接处的Closing标记和显示链接所需的数据
if(pos!=-1) {
list= list + '<a class="search_lnk" href="' + terms[i]['des'] + '">'+terms[i]['des']+'</a>' + '<br>'; }
pos=-1;
}
if(pos!=-1){
list=list+''+'
';}
pos=-1;
}