---
title: "Select list ?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/409-select-list"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "jonspion"
published: "2000-08-03T14:49:00.000Z"
updated: "2000-08-07T18:29:00.000Z"
replies: 5
views: 428
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/html-css/409-select-list"
---

# Select list ?

## #1 — jonspion, 2000-08-03T14:49Z

Jag har ett problem...
Det är så att jag skall ha en SelectList
(vad heter det på svenska igentligen?)på min sida med länkar som så fort man klickar på skall komma till respektiva sida. (fyndigt va?) nu till problemet.
hur får jag länkarna att öppnas i en annan frame? länkarna skall öppnas i en frame som jag döpt lite fyndigt till "hem". ;-)

Formaterar också selectlisten med css och undrar om man kan formatera texten olika i själva selectlisten? har försökt men inte lyckats...

Här är min nuvarande kod till Selectlisten

```
<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
function formHandler(form){
var URL = document.form.site.options[document.form.site.selectedIndex].value;
window.location.href = URL;
}
// End -->
</SCRIPT>

<form name="form" class="list">
<select name="site" size=1 onChange="javascript:formHandler()" class="list">
<option value="">Hem	
<option value="">Om oss
<option value="">bla
<option value=""">blabla
<option value=""> mer blabla
</select>
</form>
```

Nån som kan förklara hur jag skall få detta o gå ihop? :-)

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

## #2 — Sandman, 2000-08-03T15:40Z

testa o se om detta passar

Använd detta för att formatera SelectListen
\<style\>
SELECT
{
    BACKGROUND-COLOR: #daeaff;
    BORDER-BOTTOM: #6789b5 2px inset;
    BORDER-LEFT: #38527b 2px inset;
    BORDER-RIGHT: #6789b5 2px inset;
    BORDER-TOP: #38527b 2px inset;
    COLOR: #4b6b90;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: lighter;
    TEXT-DECORATION: none
}
\</style\>
Själva Javascriptet:
\<script language="JavaScript"\>
\<!--
function byt(form,callingField)
{
parent.hem.location.href=form.list.options\[form.list.selectedIndex\].value
}
//--\>
\</script\>

Formuläret:
\<FORM method="post" \>
\<SELECT NAME="list" size="1" onchange="byt(this.form, this.name);"\>
\<OPTION selected VALUE="http://www.altavista.com"\>Länk1
\<OPTION VALUE="http://www.altavista.com"\>Länk2
\<OPTION VALUE="http://www.altavista.com"\>Länk3
\<OPTION VALUE="http://www.altavista.com"\>Länk4
\</SELECT\>
\</FORM\>

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

## #3 — jonspion, 2000-08-04T10:37Z

Tack. skall prova får vi se!

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

## #4 — Bire, 2000-08-04T10:56Z

Lägg till:

\<base target="hem"\>

Borde funka ;)

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

## #5 — jonspion, 2000-08-04T11:40Z

scriptet funka. Tack Sandman!
O bara lägga till 

```
<base target="hem">
```

verkade inte funka så bra. det var synd ;-)

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

## #6 — spango, 2000-08-07T18:29Z

```

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function formHandler(sel){
var URL = sel.options[sel.selectedIndex].value;
if(URL)
parent.FRAMENS_NAMN.location.href = URL;
}
// End -->
</SCRIPT>

<form name="form" class="list">
<select name="site" size=1 onChange="javascript:formHandler(this)" class="list">
<option value="">Hem 
<option value="">Om oss
<option value="">bla
<option value="">blabla
<option value=""> mer blabla
</select>
</form>
```

fixar framesproblem.

Förresten, selectlistbox heter "listruta" på svenska.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/409-select-list