---
title: "Snabbsök som i Datormagazin nr.4"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/17669-snabbsök-som-i-datormagazin-nr-4"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "kolas"
published: "2001-04-10T19:28:00.000Z"
updated: "2001-04-22T19:29:00.000Z"
replies: 6
views: 160
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/17669-snabbsök-som-i-datormagazin-nr-4"
---

# Snabbsök som i Datormagazin nr.4

## #1 — kolas, 2001-04-10T19:28Z

I tidningen Datormagazin nr 4 var det med ett javascript som skall göra att man kan söka i.. njae,  ni fattar, är det nå´n som ser vad det är som är fel i min medföljande kod?

\=====
\<html\>
\<head\>
	\<title\>Leta upp\</title\>
	\<script language="JavaScript" type="text/javascript"\>
\<!--
	function update()	{
	var form = document.theform;
	var field = form.lookup;
	var list = form.list;
	field.value = list.options\[list.selectedIndex\].text;
	}
	
	function select(list, i)	{
	if (list.selectedIndex = i)list.selectedIndex = i;
	}
	
	function checkkey()	{
	var form = document.theform;
	var field = form.lookup;
	var list = form.list;
	var str = field.value.toLowerCase();
	if (str == "")	{
	select(list, 0);
	return;
	}
	for (var i = 0; i \< list.options.lenght; ++i)	{
	if (list.options.text.toLowerCase().indexOf(str) == 0)	{
	select(list, i);
	return;
	}
	}
	for (i = list.optionslenght - 1; i \>= 0; --i)	{
	if (str \> list.options.text.toLowerCase())	{
	select(list, i);
	return;
	}
	}
	select(list, 0);
	}
// --\>
\</script\>
\</head\>

\<body\>
\<table\>
\<form name="theform" action="#"\>
\<tr\>
\<td\>
\<input type="text" name="lookup" size="25" onKeyUp="checkkey()"\>
\</td\>
\</tr\>
\<tr\>
\<td\>
\<select name="list" size="8" onChange="update()"\>
\<option value="1"\>Blekinge l&auml;n\</option\>
\<option value="2"\>Dalarnas l&auml;n\</option\>
\<option value="3"\>Gotlands l&auml;n\</option\>
\<option value="4"\>G&auml;vleborgs l&auml;n\</option\>
\<option value="5"\>G&ouml;teborg och Bohus l&auml;n\</option\>
\<option value="6"\>Hallands l&auml;n\</option\>
\<option value="7"\>J&auml;mtlands l&auml;n\</option\>
\<option value="8"\>J&ouml;nk&ouml;pings l&auml;n\</option\>
\<option value="9"\>Kalmar l&auml;n\</option\>
\<option value="10"\>Kronobergs l&auml;n\</option\>
\<option value="11"\>Norrbotttens l&auml;n\</option\>
\<option value="12"\>Skaraborgs l&auml;n\</option\>
\<option value="13"\>Sk&aring;ne l&auml;n\</option\>
\<option value="14"\>Stockholms l&auml;n\</option\>
\<option value="15"\>Uppsala l&auml;n\</option\>
\<option value="16"\>S&ouml;dermanlands l&auml;n\</option\>
\<option value="17"\>V&auml;rmlands l&auml;n\</option\>
\<option value="18"\>V&auml;sterbottens l&auml;n\</option\>
\<option value="19"\>V&auml;sternorrlands l&auml;n\</option\>
\<option value="20"\>V&auml;stmanlands l&auml;n\</option\>
\<option value="21"\>V&auml;stra G&ouml;talands l&auml;n\</option\>
\<option value="22"\>&Auml;lvsborgs l&auml;n\</option\>
\<option value="23"\>&Ouml;rebro l&auml;n\</option\>
\<option value="24"\>&Ouml;sterg&ouml;tlands l&auml;n\</option\>
\</select\>
\</td\>
\</tr\>
\<tr\>
\<td\>
\<input type="submit" value="Skicka"\>&nbsp;\<input type="reset" value="&Aring;ngra"\>
\</td\>
\</tr\>
\</form\>
\</table\>
\</body\>
\</html\>
\===

mvh K l a s

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

## #2 — Johnsen, 2001-04-10T21:38Z

Man kan ju söka lite och hitta bättre alternativ: <http://cgi.webforum.nu/wf/Forum13/HTML/000891.html> 

Annars:

```
<html>
<head>
<title>Leta upp</title>
<script language="JavaScript" type="text/javascript">
<!--
function update() {
var form = document.theform;
var field = form.lookup;
var list = form.list;
field.value = list.options[list.selectedIndex].text;
}

function select(list, i) {
if (list.selectedIndex = i)list.selectedIndex = i;
}

function checkkey() {
var form = document.theform;
var field = form.lookup;
var list = form.list;
var str = field.value.toLowerCase();
if (str == "") {
select(list, 0);
return;
}
for (var i = 0; i < list.options.length; ++i) {
if (list.options[i].text.toLowerCase().indexOf(str) == 0) {
select(list, i);
return;
}
}
for (i = list.options.length - 1; i >= 0; --i) {
if (str > list.options[i].text.toLowerCase()) {
select(list, i);
return;
}
}
select(list, 0);
}

// -->
</script>
</head>

<body>
<table>
<form name="theform" action="#">
<tr>
<td>
<input type="text" name="lookup" size="25" onKeyUp="checkkey()">
</td>
</tr>
<tr>
<td>
<select name="list" size="8" onChange="update()">
<option value="1">Blekinge län</option>
<option value="2">Dalarnas län</option>
<option value="3">Gotlands län</option>
<option value="4">Gävleborgs län</option>
<option value="5">Göteborg och Bohus län</option>
<option value="6">Hallands län</option>
<option value="7">Jämtlands län</option>
<option value="8">Jönköpings län</option>
<option value="9">Kalmar län</option>
<option value="10">Kronobergs län</option>
<option value="11">Norrbotttens län</option>
<option value="12">Skaraborgs län</option>
<option value="13">Skåne län</option>
<option value="14">Stockholms län</option>
<option value="15">Uppsala län</option>
<option value="16">Södermanlands län</option>
<option value="17">Värmlands län</option>
<option value="18">Västerbottens län</option>
<option value="19">Västernorrlands län</option>
<option value="20">Västmanlands län</option>
<option value="21">Västra Götalands län</option>
<option value="22">Älvsborgs län</option>
<option value="23">Örebro län</option>
<option value="24">Östergötlands län</option>
</select>
</td>
</tr>
<tr>
<td>
<input type="submit" value="Skicka"> <input type="reset" value="Ångra">
</td>
</tr>
</form>
</table>
</body>
</html>
```

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

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

## #3 — mjpj87, 2001-04-19T17:29Z

Jag hat testat den här koden men jag vill att när man trycker på skicka att man ska komma till en annan sida
Hur gör man det

```
<html>
<head>
<title>Leta upp</title>
<script language="JavaScript" type="text/javascript">
<!--
function update() {
var form = document.theform;
var field = form.lookup;
var list = form.list;
field.value = list.options[list.selectedIndex].text;
}
function select(list, i) {
if (list.selectedIndex = i)list.selectedIndex = i;
}

function checkkey() {
var form = document.theform;
var field = form.lookup;
var list = form.list;
var str = field.value.toLowerCase();
if (str == "") {
select(list, 0);
return;
}
for (var i = 0; i < list.options.length; ++i) {
if (list.options[i].text.toLowerCase().indexOf(str) == 0) {
select(list, i);
return;
}
}
for (i = list.options.length - 1; i >= 0; --i) {
if (str > list.options[i].text.toLowerCase()) {
select(list, i);
return;
}
}
select(list, 0);
}

// -->
</script>
</head>

<body>
<table>
<form name="theform" action="#">
<tr>
<td>
<input type="text" name="lookup" size="25" onKeyUp="checkkey()">
</td>
</tr>
<tr>
<td>
<select name="list" size="8" onChange="update()">
<option value="1">Blekinge län</option>
<option value="2">Dalarnas län</option>
<option value="3">Gotlands län</option>
<option value="4">Gävleborgs län</option>
<option value="5">Göteborg och Bohus län</option>
<option value="6">Hallands län</option>
<option value="7">Jämtlands län</option>
<option value="8">Jönköpings län</option>
<option value="9">Kalmar län</option>
<option value="10">Kronobergs län</option>
<option value="11">Norrbotttens län</option>
<option value="12">Skaraborgs län</option>
<option value="13">Skåne län</option>
<option value="14">Stockholms län</option>
<option value="15">Uppsala län</option>
<option value="16">Södermanlands län</option>
<option value="17">Värmlands län</option>
<option value="18">Västerbottens län</option>
<option value="19">Västernorrlands län</option>
<option value="20">Västmanlands län</option>
<option value="21">Västra Götalands län</option>
<option value="22">Älvsborgs län</option>
<option value="23">Örebro län</option>
<option value="24">Östergötlands län</option>
</select>
</td>
</tr>
<tr>
<td>
<input type="submit" value="Skicka"> <input type="reset" value="Ångra">
</td>
</tr>
</form>
</table>
</body>
</html>
```

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

## #4 — kolas, 2001-04-19T17:34Z

Det torde väl bara vara att byta ut

```
<form name="theform" action="#">
```

mot

```
<form name="theform" action="din_sida.html">
```

Om jag har fattat frågan rätt...

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

## #5 — mjpj87, 2001-04-20T17:29Z

Ja men då kommer man till samma sida vilken man än väljer.

Jag vill at man ska komma till olika platser beroende på vart man kommer, hur gör man det?

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

## #6 — mjpj87, 2001-04-21T23:40Z

Jag skrev fel på den som e ovan så här kommer den igen (rättstavad).

Ja men då kommer man till samma sida vilken man än väljer.

Jag vill at man ska komma till olika platser beroende på vad man väljer, hur gör man det?

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

## #7 — Johnsen, 2001-04-22T19:29Z

Menar du så här?

```
<html>
<head>
<title>Leta upp</title>
<script language="JavaScript" type="text/javascript">
<!--
function skicka_vidare(){
location.href=document.theform.list.options[document.theform.list.selectedIndex].value
}

function update() {
var form = document.theform;
var field = form.lookup;
var list = form.list;
field.value = list.options[list.selectedIndex].text;
}
function select(list, i) {
if (list.selectedIndex = i)list.selectedIndex = i;
}
function checkkey() {
var form = document.theform;
var field = form.lookup;
var list = form.list;
var str = field.value.toLowerCase();
if (str == "") {
select(list, 0);
return;
}
for (var i = 0; i < list.options.length; ++i) {
if (list.options[i].text.toLowerCase().indexOf(str) == 0) {
select(list, i);
return;
}
}
for (i = list.options.length - 1; i >= 0; --i) {
if (str > list.options[i].text.toLowerCase()) {
select(list, i);
return;
}
}
select(list, 0);
}

// -->
</script>
</head>

<body>
<table>
<form name="theform" action="#" onsubmit="return false;">
<tr>
<td>
<input type="text" name="lookup" size="25" onKeyUp="checkkey()">
</td>
</tr>
<tr>
<td>
<select name="list" size="8" onChange="update()">
<option value="ny_sida1.html">Blekinge län</option>
<option value="ny_sida2.html">Dalarnas län</option>
<option value="ny_sida3.html">Gotlands län</option>
<option value="ny_sida4.html">Gävleborgs län</option>
</select>
</td>
</tr>
<tr>
<td>
<input type="submit" value="Skicka" onclick="skicka_vidare();">
<input type="reset" value="Ångra">
</td>
</tr>
</form>
</table>
</body>
</html>
```

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

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/17669-snabbsök-som-i-datormagazin-nr-4
