Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/444.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用Javascript实现简单的搜索功能_Javascript_Html_Css_Search - Fatal编程技术网

使用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="";

我正试图用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 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; }