---
title: "Snabbval i Stor listbox"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/17601-snabbval-i-stor-listbox"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "berinder"
published: "2001-04-03T09:06:00.000Z"
updated: "2001-04-04T11:47:00.000Z"
replies: 6
views: 210
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/17601-snabbval-i-stor-listbox"
---

# Snabbval i Stor listbox

## #1 — berinder, 2001-04-03T09:06Z

Hejsan,

Jag har en Listbox som är stor med ett utseende liknande detta:

```
<select name="listbox">
<option value="XYZ">Leif Landén</option>
<option value="ABC">Anders Bergsten</option>
</select>
```

Jag vill ha en Input-box som Om man börjar att skriva "Le" så defaultar den till Leif, och börjar man skriva "An" så defaultar den till Anders, den ska alltså ta närmaste träff för varje bokstav man skriver in.
Om man skriver in något som inte finns ska den stanna på närmaste träff.

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

## #2 — Erik Juhlin, 2001-04-03T12:53Z

Ungefär så här menar du?
 <http://www.jojoxx.net/jscript/archive/formsearchlist.html>

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

## #3 — Johnsen, 2001-04-03T13:31Z

Eller så här kanske:
Funktionen i head:

```
function kolla(){
var sok_namn=document.foo.bar.value
if(sok_namn!=""){
for (var i=0; i<document.foo.listbox.options.length; i++){
if(document.foo.listbox.options[i].text.substr(0,sok_namn.length)==sok_namn){
document.foo.listbox.options[i].selected=true; break;}
}
}
}
```

och formuläret:

```
<form name="foo">
<input type="text" name="bar" onkeyup="kolla();">
<select name="listbox">
<option value="XYZ" selected>Leif Landén</option>
<option value="ABC" >Anders Bergsten</option>
</select>
</form>
```

\------------------
\- J-O-H-N-S-E-N -

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

## #4 — berinder, 2001-04-03T14:35Z

Johnsen! TACKAR! Precis vad jag var ute efter.... Nästan....

Den sitter som en smäck, förutom att jag skulle vilja få den att INTE vara case-sensitive... går det? Har försökt med toUpperCase och toLowerCase men det ballade bara ut. Antar att jag är på rätt väg men inte förstår hur jag ska göra bara. Kan man få en snabb hint?

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

## #5 — berinder, 2001-04-03T14:42Z

PROBLEMET LÖST!

Tack båda två för hjälpen!

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

## #6 — Johnsen, 2001-04-03T15:33Z

Trevligt!

Det hade varit kul att se hur du löste det. Mitt förslag hade varit:

```
function kolla(){
var sok_namn=document.foo.bar.value.toLowerCase()
if(sok_namn!=""){
for (var i=0; i<document.foo.listbox.options.length; i++){
if(document.foo.listbox.options[i].text.substr(0,sok_namn.length).toLowerCase()==sok_namn){
document.foo.listbox.options[i].selected=true; break;}
}
}
}
```

\------------------
\- J-O-H-N-S-E-N -

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

## #7 — berinder, 2001-04-04T11:47Z

```
function kolla(){
var sok_namn=document.bookbox.fastsearch.value
if(sok_namn!=""){
for (var i=0; i<document.bookbox.f_DstCity.options.length; i++){
if(document.bookbox.f_DstCity.options[i].text.substr(0,sok_namn.length).toUpperCase()==sok_namn.toUpperCase()){
document.bookbox.f_DstCity.options[i].selected=true; break;}
}
}
}
```

Men, din hade visserligen varit effektivare. (Kör toUpperCase mer sällan). Ska fixa det.... \*vid tillfälle\*

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/17601-snabbval-i-stor-listbox