---
title: "Sökord med javascript?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/56624-sökord-med-javascript"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Jesper T"
published: "2002-10-20T20:08:40.000Z"
updated: "2002-11-04T13:27:53.000Z"
replies: 31
views: 673
page: 1
pages: 2
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/56624-sökord-med-javascript"
---

# Sökord med javascript?

_Sida 1 av 2._

## #1 — Jesper T, 2002-10-20T20:08Z

Undrar om det går att skapa en liknande funktion som finns i hjälpen i windows. När man skriver in sökordet så skall samtliga poster som börjar med begynnelsebokstäverna i sökordet poppa upp i nedre rutan(precis som på hjälpen).
![](http://member.webforum.nu/Jesper%20T/sok.gif) 
Är det någon som har någon idé, eller tankar runt detta?

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

## #2 — colione, 2002-10-20T23:42Z

Antar att det är en sådan här du söker:
<http://yrken.ams.se/> (låt sidan ladda färdigt först i menyn till vänster finns det du söker)

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

## #3 — Jesper T, 2002-10-21T00:01Z

Exaktamente, exakt vad jag sökte.
Jag skall kolla lite på´t!
Återkommer kanske.

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

## #4 — Jojoxx, 2002-10-21T05:37Z

Finns även med förklaring [här](http://www.jojoxx.net/jscript/archive/formsearchlist.html), med aningen mindre kod :) Har även lite intelligens och sorterar bort de poster som inte stämmer medans man skriver.

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

## #5 — Jesper T, 2002-10-21T15:43Z

1\.) Ok, såg i det första exemplet att dom kruxat lite med v,w samt å, ä och ö, är inte det av intresse i en sådan kod?

2\.) Hur lägger man in en submit på vald sak i listmenyn?

3\.) Är det lång laddningstid på en sida om en sådan listmeny har ca. två tusen(2000) \<select\>sak\</select\>grejjor?

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

## #6 — Jojoxx, 2002-10-21T16:20Z

1) Visst kan man göra något sådant. Jag kan inte se någon användning i att blanda ihop å,ä och ö i en normal applikation, möjligtvis v och w för den som inte vet hur något stavas. Men det är ju frågan vad datat skall användas till och ifall applikationen som tar emot datat accepterar att man blandar ihop v och w. En artikeldatabas med artikelnummer "1w234" och "1v234" är ett exempel på där man inte bör blanda och ge med bokstäver. :)

2) Lägg till \<input type="submit" value="skicka"\> :) Vald sak i listan kommer att skickas som vanligt. Även text-fältet skickas, så det är bara att välja vilket data du vill använda sen ("search" eller "lista").

3) Mellan 15-20 sek teoretiskt på ett modem. Men det är ju oavsett hur du väljer att lösa det. Skall du sköta det i webbläsaren måste ju datat dit. Men med 2000 poster i en selectlista kanske man bör fundera på om man kan dela upp datat på något smartare sätt.

Red) Har lagt till en inställning "ignorevw" ifall man vill behandla v och w som samma tecken.

Red 2) Felstavning

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

## #7 — Jesper T, 2002-10-21T20:37Z

1) Tack!

2) Jag var kanske lite flummig i min beskrivning, jag menar inte en submitknapp, utan när du tex dubbelklickar i listfältet.

3) Ok, har du några förslag? Om jag lägger in olika poster i kategorier(javascript), så måste väl allt ändå "laddas upp" till browsern?! Eventuellt så går det att koppla kategorierna med databashämtningar för att hämta posterna, men spar man någon uppladdningstid på det igentligen?
Skulle det på något sätt vara smidigare att lägga posterna i en array som i detta exempel för att få det att gå fortare?
<http://www.webforum.nu/showthread.php?s=&postid=334253#post334253>

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

## #8 — colione, 2002-10-21T22:00Z

2 

```
<select onDblClick="klickad();">
```

```
function klickad()
{
document.dinForm.dittFormelement.submit();
}
```

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

## #9 — Jesper T, 2002-10-21T22:31Z

Nu har jag gjort en liten kombination av både jojoxx sökvariant och en annan, men det strular. Det går inte riktigt som jag tänkt.
Dels så kommer siffran i upp i stället för matvaran när man klickar på en post och dels så blir det tomt om jag tex söker på **o**st i stället för **O**st

```

<HTML>
<HEAD>
<TITLE>Popuplate Listbox with Javascript and ASP</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
var lista = new Array();
function searchlist(value,listobj){
	if(lista.length == 0) buildlist(listobj);
	matches=0;
	listobj.length = lista.length;
	for(n=0;n<lista.length;n++){
		if(lista[n].text.substring(0,value.length) == value) {
			listobj[matches].text = lista[n].text;
			listobj[matches].value = lista[n].value;
			matches++;
		}
	}
	listobj.length = matches;
	listobj.selectedIndex=0;
}
function buildlist(obj){
	for(n=0;n<obj.length;n++){
		lista[n] = new makeobj(obj[n].value,obj[n].text);
	}
}
function makeobj(value,text){
	this.value=value; this.text=text;
}
</script>
<SCRIPT language="JavaScript">
function boxData(sText, vValue){
	this.text = sText;
	this.value = vValue;
}

var link1 = new Array();
link1[0] = new boxData("Banan",3);
link1[1] = new boxData("Körsbär",4);
link1[2] = new boxData("Päron",2);
link1[3] = new boxData("Äpple",1);

var link2 = new Array();
link2[0] = new boxData("Lamm",6);
link2[1] = new boxData("Lax",7);
link2[2] = new boxData("Stek",5);

var link3 = new Array();
link3[0] = new boxData("Gädde",9);
link3[1] = new boxData("Mjölk",8);
link3[2] = new boxData("Ost",10);
link3[3] = new boxData("Ägg",11);

var link4 = new Array();
link4[0] = new boxData("Durumvete",14);
link4[1] = new boxData("Grahamsmjöl",15);
link4[2] = new boxData("Spagetti",13);
link4[3] = new boxData("Vetemjöl",12);

function populateBox(obj, icase, arr){
	// alert(icase);
	var vgr = eval (arr);
	if (vgr.length > 0){
		obj.length = (vgr.length + 1);
		obj.options[0].value = '';
		obj.options[0].text = 'Select subcategory';
		for(n=0;n<vgr.length;n++){
			obj.options[n+1].value = vgr[n].value;
			obj.options[n+1].text = vgr[n].text;
		}
	}else{
		obj.length = 1;
		for(n=0;n<obj.length;n++){
			obj.options[n].value = 0;
			obj.options[n].text = 'N/A';
		}
	}
}

</SCRIPT>
</HEAD>

<BODY bgcolor="#FFFFFF" text="#000000">
<FORM name="form1" method="post" action="">

  <SELECT name="select" onChange="populateBox(document.form1.lista,this.options.length,value);">
		<OPTION value="0">Select Category</OPTION>

		<OPTION value="link1">Frukter & Grönt</OPTION>

		<OPTION value="link2">Kött & Fisk</OPTION>

		<OPTION value="link3">Mjölk & Ägg</OPTION>

		<OPTION value="link4">Pasta & Mjöl</OPTION>

</SELECT>
<input type="text" name="search" onKeyUp="searchlist(this.value,this.form.lista);" onKeyPress="searchlist(this.value,this.form.lista);" style="width: 150px;">
<select name="lista" size="3" onChange="this.form.search.value=this[this.selectedIndex].value;" style="width: 150px;">

  <OPTION>N/A</OPTION>
  </SELECT>

</FORM>
</BODY>
</HTML>
```

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

## #10 — colione, 2002-10-22T00:20Z

Eftersom JavaScript Skiljer på gemener och versaler så måste du göra om båda värdena (det du söker på och det i listan) till antingen små eller stora bokstäver, här gör jag dem till små med: . toLowerCase() Det andra beror på att du anropar värdet av arrayen (numret), inte texten. Det löser du genom att ändra i funktionen pupulateBox. Där måste du även ändra valuet på om det står na i selcten fråmn noll till inget..

```
<HTML>
<HEAD>
<TITLE>Popuplate Listbox with Javascript and ASP</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
var lista = new Array();
function searchlist(value,listobj){
	if(lista.length == 0) buildlist(listobj);
	matches=0;
	listobj.length = lista.length;
	for(n=0;n<lista.length;n++){
		if(lista[n].text.substring(0,value.length)[b][red].toLowerCase()[/b][/red] == value[b][red].toLowerCase()[/b][/red]) {
			listobj[matches].text= lista[n].text;
			listobj[matches].value = lista[n].value;
			matches++;
		}
	}
	listobj.length = matches;
	listobj.selectedIndex=0;
}
function buildlist(obj){
	for(n=0;n<obj.length;n++){
		lista[n] = new makeobj(obj[n].value,obj[n].text);
	}
}
function makeobj(value,text){
	this.value=value; this.text=text;
}
</script>
<SCRIPT language="JavaScript">
function boxData(sText, vValue){
	this.text = sText;
	this.value = vValue;
}

var link1 = new Array();
link1[0] = new boxData("Banan",3);
link1[1] = new boxData("Körsbär",4);
link1[2] = new boxData("Päron",2);
link1[3] = new boxData("Äpple",1);

var link2 = new Array();
link2[0] = new boxData("Lamm",6);
link2[1] = new boxData("Lax",7);
link2[2] = new boxData("Stek",5);

var link3 = new Array();
link3[0] = new boxData("Gädde",9);
link3[1] = new boxData("Mjölk",8);
link3[2] = new boxData("Ost",10);
link3[3] = new boxData("Ägg",11);

var link4 = new Array();
link4[0] = new boxData("Durumvete",14);
link4[1] = new boxData("Grahamsmjöl",15);
link4[2] = new boxData("Spagetti",13);
link4[3] = new boxData("Vetemjöl",12);

function populateBox(obj, icase, arr){
	// alert(icase);
	var vgr = eval (arr);
	if (vgr.length > 0){
		obj.length = (vgr.length + 1);
		obj.options[0].value = '';
		obj.options[0].text = 'Select subcategory';
		for(n=0;n<vgr.length;n++){
			obj.options[n+1].value = vgr[n][b][red].text[/b][/red];
			obj.options[n+1].text = vgr[n].text;
		}
	}else{
		obj.length = 1;
		for(n=0;n<obj.length;n++){
			[b][red]obj.options[n].value = ;[/b][/red]
			obj.options[n].text = 'N/A';
		}
	}
}

</SCRIPT>
</HEAD>

<BODY bgcolor="#FFFFFF" text="#000000">
<FORM name="form1" method="post" action="">

  <SELECT name="select" onChange="populateBox(document.form1.lista,this.options.length,value);">
		<OPTION value="0">Select Category</OPTION>

		<OPTION value="link1">Frukter & Grönt</OPTION>

		<OPTION value="link2">Kött & Fisk</OPTION>

		<OPTION value="link3">Mjölk & Ägg</OPTION>

		<OPTION value="link4">Pasta & Mjöl</OPTION>

</SELECT>
<input type="text" name="search" onKeyUp="searchlist(this.value,this.form.lista);" 

onKeyPress="searchlist(this.value,this.form.lista);" style="width: 150px;">
<select name="lista" size="3" onChange="this.form.search.value=this[this.selectedIndex].value;" style="width: 150px;">

  <OPTION>N/A</OPTION>
  </SELECT>

</FORM>
</BODY>
</HTML>
```

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

## #11 — Jesper T, 2002-10-22T01:21Z

Tack, men jag får syntax error på rad 79
Denna: obj.options\[n\].value = ;

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

## #12 — colione, 2002-10-22T01:24Z

Fel av mej ändra till:

```
obj.options[n].value = '';
```

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

## #13 — Jesper T, 2002-10-22T01:29Z

Tack, jag kom på det själv :) 
Men det är ändå en liten "bugg": 
Om man skrivit något i sökfältet, ändrar kategori, markerar upp i sökfältet igen och skriver ett sökord så blir listan tom. Vad kan det bero på?

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

## #14 — colione, 2002-10-22T02:15Z

Jag har inte tid att lösa det nu men som det ser ut så byter du inte array som den söker i utan byter bara värdet i selectboxen, därför söker den fortfarande på det gamla värdet. Jag återkomemr imorgon (antagligen) med en lösning om inte någon hinner före...

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

## #15 — Jojoxx, 2002-10-22T05:43Z

Listan måste byggas om varje gång man bytt kategori för att sökningen skall fungera. Det gör du genom att anropa funktionen buildlist. Sen kanske det är snyggast att rensa sök-fältet när man byter kategori.

```
<HTML>
<HEAD>
<TITLE>Popuplate Listbox with Javascript and ASP</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
var lista = new Array();
function searchlist(value,listobj){
	if(lista.length == 0) buildlist(listobj);
	matches=0;
	listobj.length = lista.length;
	for(n=0;n<lista.length;n++){
		if(lista[n].text.substring(0,value.length).toLowerCase() == value.toLowerCase()) {
			listobj[matches].text= lista[n].text;
			listobj[matches].value = lista[n].value;
			matches++;
		}
	}
	listobj.length = matches;
	listobj.selectedIndex=0;
}
function buildlist(obj){
	for(n=0;n<obj.length;n++){
		lista[n] = new makeobj(obj[n].value,obj[n].text);
	}
}
function makeobj(value,text){
	this.value=value; this.text=text;
}
</script>
<SCRIPT language="JavaScript">
function boxData(sText, vValue){
	this.text = sText;
	this.value = vValue;
}

var link1 = new Array();
link1[0] = new boxData("Banan",3);
link1[1] = new boxData("Körsbär",4);
link1[2] = new boxData("Päron",2);
link1[3] = new boxData("Äpple",1);

var link2 = new Array();
link2[0] = new boxData("Lamm",6);
link2[1] = new boxData("Lax",7);
link2[2] = new boxData("Stek",5);

var link3 = new Array();
link3[0] = new boxData("Gädde",9);
link3[1] = new boxData("Mjölk",8);
link3[2] = new boxData("Ost",10);
link3[3] = new boxData("Ägg",11);

var link4 = new Array();
link4[0] = new boxData("Durumvete",14);
link4[1] = new boxData("Grahamsmjöl",15);
link4[2] = new boxData("Spagetti",13);
link4[3] = new boxData("Vetemjöl",12);

function populateBox(obj, icase, arr){
	// alert(icase);
	var vgr = eval (arr);
	if (vgr.length > 0){
		obj.length = (vgr.length + 1);
		obj.options[0].value = '';
		obj.options[0].text = 'Select subcategory';
		for(n=0;n<vgr.length;n++){
			obj.options[n+1].value = vgr[n].text;
			obj.options[n+1].text = vgr[n].text;
		}
	}else{
		obj.length = 1;
		for(n=0;n<obj.length;n++){
			obj.options[n].value = '';
			obj.options[n].text = 'N/A';
		}
	}
	buildlist(obj);
}

</SCRIPT>
</HEAD>

<BODY bgcolor="#FFFFFF" text="#000000">
<FORM name="form1" method="post" action="">

  <SELECT name="select" onChange="populateBox(document.form1.lista,this.options.length,value); this.form.search.value='';">
		<OPTION value="0">Select Category</OPTION>

		<OPTION value="link1">Frukter & Grönt</OPTION>

		<OPTION value="link2">Kött & Fisk</OPTION>

		<OPTION value="link3">Mjölk & Ägg</OPTION>

		<OPTION value="link4">Pasta & Mjöl</OPTION>

</SELECT>
<input type="text" name="search" onKeyUp="searchlist(this.value,this.form.lista);" 

onKeyPress="searchlist(this.value,this.form.lista);" style="width: 150px;">
<select name="lista" size="3" onChange="this.form.search.value=this[this.selectedIndex].value;" style="width: 150px;">

  <OPTION>N/A</OPTION>
  </SELECT>

</FORM>
</BODY>
</HTML>
```

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

## #16 — Jesper T, 2002-10-22T14:30Z

Tack för all hjälp!
Två små bonusfrågor kommer här:

1\.) Är detta bästa(mest laddningstidseffektivaste) sättet att göra på eller vad tror ni? (Alla poster ligger i en access-databas)
Eller är det bättre att varje "ändring" i kategoriselecten hämtar upp respektive poster ur databasen?
2\.) Går det att lägga till ett hiddenfält med "siffran" för varje post? (Jag behöver den för senare submit till databasen)

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

## #17 — Jesper T, 2002-10-22T18:28Z

?

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

## #18 — Jojoxx, 2002-10-22T19:02Z

Sattle down, waz on fire bro'?!?! ;)

1) Vet inte hur mycket data det är, men rör det sig om 2000 produkter skulle jag nog överväga att lägga det i underkategorier som visas en och en.

2) Du hade produktnummer från början som värde i listan, vet inte varför det blev utbytt.

Så här;

```
<HTML>
<HEAD>
<TITLE>Popuplate Listbox with Javascript and ASP</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
var lista = new Array();
function searchlist(value,listobj){
	if(lista.length == 0) buildlist(listobj);
	matches=0;
	listobj.length = lista.length;
	for(n=0;n<lista.length;n++){
		if(lista[n].text.substring(0,value.length).toLowerCase() == value.toLowerCase()) {
			listobj[matches].text= lista[n].text;
			listobj[matches].value = lista[n].value;
			matches++;
		}
	}
	listobj.length = matches;
	listobj.selectedIndex=0;
}
function buildlist(obj){
	for(n=0;n<obj.length;n++){
		lista[n] = new makeobj(obj[n].value,obj[n].text);
	}
}
function makeobj(value,text){
	this.value=value; this.text=text;
}
</script>
<SCRIPT language="JavaScript">
function boxData(sText, vValue){
	this.text = sText;
	this.value = vValue;
}

var link1 = new Array();
link1[0] = new boxData("Banan",3);
link1[1] = new boxData("Körsbär",4);
link1[2] = new boxData("Päron",2);
link1[3] = new boxData("Äpple",1);

var link2 = new Array();
link2[0] = new boxData("Lamm",6);
link2[1] = new boxData("Lax",7);
link2[2] = new boxData("Stek",5);

var link3 = new Array();
link3[0] = new boxData("Gädde",9);
link3[1] = new boxData("Mjölk",8);
link3[2] = new boxData("Ost",10);
link3[3] = new boxData("Ägg",11);

var link4 = new Array();
link4[0] = new boxData("Durumvete",14);
link4[1] = new boxData("Grahamsmjöl",15);
link4[2] = new boxData("Spagetti",13);
link4[3] = new boxData("Vetemjöl",12);

function populateBox(obj, icase, arr){
	// alert(icase);
	var vgr = eval (arr);
	if (vgr.length > 0){
		obj.length = (vgr.length + 1);
		obj.options[0].value = '';
		obj.options[0].text = 'Select subcategory';
		for(n=0;n<vgr.length;n++){
			obj.options[n+1].value = vgr[n].value;
			obj.options[n+1].text = vgr[n].text;
		}
	}else{
		obj.length = 1;
		for(n=0;n<obj.length;n++){
			obj.options[n].value = '';
			obj.options[n].text = 'N/A';
		}
	}
	buildlist(obj);
}

</SCRIPT>
</HEAD>

<BODY bgcolor="#FFFFFF" text="#000000">
<FORM name="form1" method="post" action="">

  <SELECT name="select" onChange="populateBox(document.form1.lista,this.options.length,value); this.form.search.value='';">
		<OPTION value="0">Select Category</OPTION>

		<OPTION value="link1">Frukter & Grönt</OPTION>

		<OPTION value="link2">Kött & Fisk</OPTION>

		<OPTION value="link3">Mjölk & Ägg</OPTION>

		<OPTION value="link4">Pasta & Mjöl</OPTION>

</SELECT>
<input type="text" name="search" onKeyUp="searchlist(this.value,this.form.lista);" 

onKeyPress="searchlist(this.value,this.form.lista);" style="width: 150px;">
<select name="lista" size="3" onChange="this.form.search.value=this[this.selectedIndex].value;" style="width: 150px;">

  <OPTION>N/A</OPTION>
  </SELECT>

</FORM>
</BODY>
</HTML>
```

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

## #19 — Jesper T, 2002-10-22T19:15Z

Ok, men jag vill ha båda värdena, siffran i ett hiddenfält och texten i searchfältet.

Går det att disabla searchfältet när ingen kategori är vald?
typ:

```
....
	}else{
		obj.length = 1;
		for(n=0;n<obj.length;n++){
			obj.options[n].value = '';
			obj.options[n].text = 'Välj kategori';
			}
		[b]document.form1.Search.disabled = true;[/b]
	}
	buildlist(obj);
}
....
```

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

## #20 — Jojoxx, 2002-10-22T19:32Z

Nästa version av scriptet skall flyga till månen va? ;)

```
<HTML>
<HEAD>
<TITLE>Popuplate Listbox with Javascript and ASP</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
var lista = new Array();
function searchlist(value,listobj){
	if(lista.length == 0) buildlist(listobj);
	matches=0;
	listobj.length = lista.length;
	for(n=0;n<lista.length;n++){
		if(lista[n].text.substring(0,value.length).toLowerCase() == value.toLowerCase()) {
			listobj[matches].text= lista[n].text;
			listobj[matches].value = lista[n].value;
			matches++;
		}
	}
	listobj.length = matches;
	listobj.selectedIndex=0;
}
function buildlist(obj){
	for(n=0;n<obj.length;n++){
		lista[n] = new makeobj(obj[n].value,obj[n].text);
	}
}
function makeobj(value,text){
	this.value=value; this.text=text;
}
</script>
<SCRIPT language="JavaScript">
function boxData(sText, vValue){
	this.text = sText;
	this.value = vValue;
}

var link1 = new Array();
link1[0] = new boxData("Banan",3);
link1[1] = new boxData("Körsbär",4);
link1[2] = new boxData("Päron",2);
link1[3] = new boxData("Äpple",1);

var link2 = new Array();
link2[0] = new boxData("Lamm",6);
link2[1] = new boxData("Lax",7);
link2[2] = new boxData("Stek",5);

var link3 = new Array();
link3[0] = new boxData("Gädde",9);
link3[1] = new boxData("Mjölk",8);
link3[2] = new boxData("Ost",10);
link3[3] = new boxData("Ägg",11);

var link4 = new Array();
link4[0] = new boxData("Durumvete",14);
link4[1] = new boxData("Grahamsmjöl",15);
link4[2] = new boxData("Spagetti",13);
link4[3] = new boxData("Vetemjöl",12);

function populateBox(obj, icase, arr){
	// alert(icase);
	var vgr = eval (arr);
	if (vgr.length > 0){
		obj.length = (vgr.length + 1);
		obj.options[0].value = '';
		obj.options[0].text = 'Select subcategory';
		for(n=0;n<vgr.length;n++){
			obj.options[n+1].value = vgr[n].value;
			obj.options[n+1].text = vgr[n].text;
		}
	}else{
		obj.length = 1;
		for(n=0;n<obj.length;n++){
			obj.options[n].value = '';
			obj.options[n].text = 'N/A';
		}
	}
	buildlist(obj);
	document.form1.search.disabled=(document.form1.select.selectedIndex==0);
}

</SCRIPT>
</HEAD>

<BODY bgcolor="#FFFFFF" text="#000000">
<FORM name="form1" method="post" action="" onSubmit="if(this.lista.selectedIndex>-1){ this.lameTextField.value=this.lista[this.lista.selectedIndex].text; } return true;">

  <SELECT name="select" onChange="populateBox(document.form1.lista,this.options.length,value); this.form.search.value='';">
		<OPTION value="0">Select Category</OPTION>

		<OPTION value="link1">Frukter & Grönt</OPTION>

		<OPTION value="link2">Kött & Fisk</OPTION>

		<OPTION value="link3">Mjölk & Ägg</OPTION>

		<OPTION value="link4">Pasta & Mjöl</OPTION>

</SELECT>
<input type="text" name="search" disabled onKeyUp="searchlist(this.value,this.form.lista);" 

onKeyPress="searchlist(this.value,this.form.lista);" style="width: 150px;">
<select name="lista" size="3" onChange="this.form.search.value=this[this.selectedIndex].text;" style="width: 150px;">

  <OPTION>N/A</OPTION>
  </SELECT>

<input type="hidden" name="lameTextField">
</FORM>
</BODY>
</HTML>
```

Numret finns i "lista", texten finns i "lameTextField".

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/56624-sökord-med-javascript  
Nästa sida: https://www.webforum.nu/amne/javascript/56624-sökord-med-javascript/page2.md