---
title: "dropdown med Target="
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/51725-dropdown-med-target"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "caze"
published: "2002-08-30T10:26:40.000Z"
updated: "2002-08-30T13:35:34.000Z"
replies: 8
views: 268
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/51725-dropdown-med-target"
---

# dropdown med Target=

## #1 — caze, 2002-08-30T10:26Z

\<select\>
\<option value="film"\>Film\</option\>
\<option value="Musik"\>Musik\</option\>
\<option value="Internet"\>Internet\</option\>
\<option value="Program"\>Program\</option\>
\<option value="Utbildning"\>Utbildning\</option\>
\<option value="Sport/Idrott"\>Sport/Idrott\</option\>
\<option value="Webbdesign"\>Webbdesign\</option\>
\<option value="Övrigt" selected\>Övrigt\</option\>
\</select\>

Hur ändrar jag detta så att när man väljer t ex Film så ska man skickas till en sida via Target=, så sidan laddas i en annan iframe...?

Tack på förhand...

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

## #2 — mikkeX, 2002-08-30T10:45Z

Lite javascript i head:

\<script type="text/javascript"\>
function gaTillSida(object) {
if (document.val.minMeny.selectedIndex == 0) 
/\*om första alternativet väljs skickas inte användaren vidare\*/
{
document.val.minMeny.focus();
/\*observera att form har namn val och select har namn minMeny\*/
return (false);
}
else
{
window.frames\['iFrame'\].location.href = object.options\[object.selectedIndex\].value;
}
}
\</script\>

(detta skript är anpassat till att det finns en första rad som heter Meny som bara är en text - och därför ska man inte komma någonstans)

\<form name="val" method="post" action="film.htm"\>
\<select name="minMeny" onchange="gaTillSida(this.form.minMeny)"\>
\<option value="meny"\>m e n y\</option\>
\<option value="film.htm"\>film\</option\>
\<option value="musik.htm"\>musik\</option\>
\<option value="internet.htm"\>internet\</option\>
\</select\>
\</form\>

Och iframen:
\<iframe width="400" height="500" name="iFrame"\>
\</iframe\>

(iframens namn används från skriptet så att det vet var det ska göra av sidan)

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

## #3 — caze, 2002-08-30T11:49Z

min webbläsare anser detta:

window.frames\['iFrame'\].location.href = object.options\[object.selectedIndex\].value;  !!!Är null eller inte ett objekt!!!

Vad är felet?

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

## #4 — caze, 2002-08-30T12:46Z

ingen som vet :q

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

## #5 — mikkeX, 2002-08-30T13:00Z

ska stå på en rad:
window.frames\['iFrame'\].location.href = object.options\[object.selectedIndex\].value;

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

## #6 — caze, 2002-08-30T13:10Z

Det står på en rad... Så her ser det ut:

```
{ 
window.frames['iFrame'].location.href = object.options[object.selectedIndex].value; 
}
```

Felet ligger alltså inte där...  :(

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

## #7 — mikkeX, 2002-08-30T13:21Z

Hur ser din dropdown meny ut?

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

## #8 — caze, 2002-08-30T13:22Z

\<html\>
\<head\>
\<title\>TESTING\</title\>
\<script type="text/javascript"\> 
function gaTillSida(object) { 
if (document.val.minMeny.selectedIndex == 0) 
/\*om första alternativet väljs skickas inte användaren vidare\*/ 
{ 
document.val.minMeny.focus(); 
/\*observera att form har namn val och select har namn minMeny\*/ 
return (false); 
} 
else 
{ 
window.frames\['iFrame'\].location.href = object.options\[object.selectedIndex\].value; 
} 
} 
\</script\> 
\<style type="text/css"\> 
select 
{
font-size: 10px;
font-family: Verdana 
}
\</style\>
\</head\>
\<body\>
\<form name="val" method="post" action="film.htm"\> 
\<select name="minMeny" onchange="gaTillSida(this.form.minMeny)"\> 
\<option value="meny"\>m e n y\</option\> 
\<option value="ego.html"\>film\</option\> 
\<option value="musik.htm"\>musik\</option\> 
\<option value="internet.htm"\>internet\</option\> 
\</select\> 
\</form\> 

\</body\>
\</html\>

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

## #9 — mikkeX, 2002-08-30T13:35Z

Läste om ditt första inlägg - du vill alltså att en ny sida ska laddas och i den så har du en iframe - inte på den sida som meny ligger på?

Så som skriptet är skrivet hoppar man inte till en ny sida utan sidan laddas i en iframe på sidan:

```
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
function gaTillSida(object) {
if (document.val.minMeny.selectedIndex == 0) 
/*om första alternativet väljs skickas inte användaren vidare*/
{
document.val.minMeny.focus();
/*observera att form har namn val och select har namn minMeny*/
return (false);
}
else
{
window.frames['iFrame'].location.href = object.options[object.selectedIndex].value;
}
}
</script>
</head>

<body>
<form name="val" method="post" action="film.htm">
<select name="minMeny" onchange="gaTillSida(this.form.minMeny)">
<option value="meny">m e n y</option>
<option value="film.htm">film</option>
<option value="internet.htm">internet</option>
</select>
</form>
<iframe width="400" height="500" name="iFrame">
</iframe></body>
</html>
```

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/51725-dropdown-med-target