Suche mit Javascript

CyTwo · 28. Dezember 2019

Hallo,

Ich habe ein Javascript für eine Suchfunktion das auch gut funktioniert.

Code

// Code goes here

var terms = new Array();
var max = 6;
            
for (i=1;i<=max;i++) { 
    terms[i] = new Array();
}
            
terms[1]['search'] = 'b612 b613 B613 B614 B624'; 
terms[1]['des'] = 'RI01a'; 
terms[1]['lnk'] = 'RI01a.pdf';

terms[2]['search'] = 'A103 a103 AX123 ax123 B112 b112 keks'; 
terms[2]['des'] = 'RI01b'; 
terms[2]['lnk'] = 'RI01b.pdf';

terms[3]['search'] = 'B110 b110 Y108 y108 YB110 yb110'; 
terms[3]['des'] = 'RI01c'; 
terms[3]['lnk'] = 'RI01c.pdf';

            
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) { 
                list= list + '<a class="search_lnk" href="'+terms[i]['lnk']+'" target="frame1">' + terms[i]['des'] + '</a>' + '<br>'; 
            }   
            pos=-1;
            
        }
        console.log(list);
        if(list==""){ 
            document.getElementById("listing").innerHTML = "";
            document.getElementById("listing").style.display = "none";
        } else { 
            document.getElementById("listing").innerHTML = list;
            document.getElementById("listing").style.display = "block";
        }
    }
    if(input="") {
    
            document.getElementById("listing").innerHTML = "";
            document.getElementById("listing").style.display = "none";
    
    
    }
    
}

Alles anzeigen

Die Suchergebnisse lasse ich mir in einem Div Container ausgeben.

Code

<div id="listing"></div>

Was auch super geht. Allerdings "leert" er die Liste nicht wenn ich den Text aus dem Suchformular lösche. Kann man das realisieren ohne jedes mal die Seite neu zu laden?

Grüße

CyTwo

Fips · 29. Dezember 2019

Code

<script>
searchbar.addEventListener('input', () => {listing.innerHTML = '';});
</script>

Sempervivum · 29. Dezember 2019

Wahrscheinlich wird es schon genügen, den Fehler in Zeile 48 zu beheben:

Code

if(input=="") { // hier ein doppeltes Gleichheitszeichen
    
            document.getElementById("listing").innerHTML = "";
            document.getElementById("listing").style.display = "none";
    
    
    }
    
}

oder besser einen else-Zweig anzulegen:

Code

    } else {
            document.getElementById("listing").innerHTML = "";
            document.getElementById("listing").style.display = "none";
    }

CyTwo · 1. Januar 2020

Vielen Dank. Dass mit dem Else Zweig hat funktioniert.

Suche mit Javascript

Jetzt mitmachen!

Teilen