---
title: "realtidssökning via sökfält"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/165942-realtidssökning-via-sökfält"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "rollo"
published: "2007-10-29T13:12:47.000Z"
updated: "2007-10-30T11:59:17.000Z"
replies: 2
views: 394
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/165942-realtidssökning-via-sökfält"
---

# realtidssökning via sökfält

## #1 — rollo, 2007-10-29T13:12Z

Tjena!

Jag vill skapa en sökning som söker direkt på det som användaren fyller i i en sökrutan.

Ett exempel:
Jag börjar skriva apelsin i fältet och samtidigt som jag skriver i bokstav för bokstav så börjar sökningen, dvs när jag skrivit in ap så visas både apelsin och apa i resultatet i ett fält under.

Jag har sökt, både här och på andra ställen, men har inte kunnat hitta någon bra lösning!

Tar tacksamt emot tips!

rollo

//EDIT
funktionen skall ligga på en JSP sida och det som skall sökas i finns i contexten för sidan

Permalänk: https://www.webforum.nu/p/165942

## #2 — SebastianE, 2007-10-29T19:33Z

Scha W3Schools har något exempel. Det blir självfallet ajax i fallet.

Har en liknade funktion. Du kan titta lite på koderna

```
    if(funktion=='visaStugOmraden'){
        var sokruta = document.getElementById("omrade");
        var sokrutaValue = sokruta.value;
        var omradeTips = document.getElementById('omradeTips');
        
        if(sokrutaValue.length>=1 && ajax.forstaSokningen==false){
            ajax.forstaSokningen=true;//Gör så att man inte loopar områderna flera gånger
            ajax.stugOmraden = new Array()
            ajax.omrSluta = data.getElementsByTagName('omrade').length;
            
            for(var i = 0; i < ajax.omrSluta; i++) {
                omrade = data.getElementsByTagName('omrade')[i].firstChild.nodeValue;
                ajax.stugOmraden[i] = omrade;
            }
        }
        
        //Skapa själva sökfunktionen
        /*Det hela går ut på att man tar ut vad man har skrivit i textboxen Ex: Ka. Man tar
        då ut längden för Ka=2 som man tar ut -1 för att det ska passa arrayen. 
        Sedan kör man en if-sats.*/
        stoppSokRuta=sokrutaValue.length;
        var jamSokOrd = sokrutaValue.substring(0,stoppSokRuta)
        
        for(var i = 0; i < ajax.omrSluta; i++) {
            var jamfor = ajax.stugOmraden[i].substring(0,stoppSokRuta).toUpperCase();
            if(sokrutaValue.toUpperCase()==jamfor){
                omradeTips.innerHTML='Tips på område: '+ajax.stugOmraden[i];
            }
        }
                
       if(sokrutaValue.length==0){
            omradeTips.innerHTML='';
       }
    }
```

Permalänk: https://www.webforum.nu/p/2045084

## #3 — rollo, 2007-10-30T11:59Z

Tackar!
Skall testa det!

Permalänk: https://www.webforum.nu/p/2045249

---

Tråden på webben: https://www.webforum.nu/amne/javascript/165942-realtidssökning-via-sökfält