---
title: "Dropdown meny prob."
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/17836-dropdown-meny-prob"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Method"
published: "2001-06-01T06:55:00.000Z"
updated: "2001-06-05T11:34:00.000Z"
replies: 17
views: 243
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/17836-dropdown-meny-prob"
---

# Dropdown meny prob.

## #1 — Method, 2001-06-01T06:55Z

Jag använder denna 

```

<form name="foo"><select name="utbildning" size="1" onChange="byt();">
				<option value="">-- Välj utbildning --</option>
<option>Brandingenjörer</option>
<option>Civilingenjörer</option>
<option>Gymnasieingenjörer</option>
<option>Högskoleingenjörer</option>
<option value="index.asp?meny=1")>Annan</option></select>

<% If request.QueryString("meny") = "1" Then %><input type="text" name="utbildtext" size="25" maxlength="100"><% End if %></form>
```

I head´en använder jag 

```

<script>
function byt(){
if(document.foo.bar.options[document.foo.bar.selectedIndex].value!=""){
location.href= document.foo.bar.options[document.foo.bar.selectedIndex].value
}
}
</script>
```

När jag väljer alternativet annan i dropdownen så kommer inte textrutan fram hur kommer detta sig??

Tack på förhand

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

## #2 — Johnsen, 2001-06-01T07:24Z

du har skrivit document.foo.bar när selecten heter document.foo.utbildning

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

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

## #3 — Method, 2001-06-01T07:32Z

Jag hittade presis det, jag bytte name till bar istället för utbild. men det funkar inte ändå. Fattar inte vad det kan vara är det nån som vet? 

Är tacksam för all hjälp.

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

## #4 — Jojoxx, 2001-06-01T07:54Z

Du bör kanske plocka bort text-fältet om man väljer en utbildning igen. Kanske så här;

```
<body onLoad="check();">
<script language="JavaScript">
function check(){
	sel=<%
if(request.QueryString("meny")) then
response.write(request.QueryString("meny"))
else
response.write("0")
end if
	%>
	if(sel){ document.foo.utbildning.selectedIndex=sel; }
}
</script>

<form name="foo">
<select name="utbildning" size="1" onChange="location.href='index.asp?meny='+this.selectedIndex;">
<option>-- Välj utbildning --</option>
<option>Brandingenjörer</option>
<option>Civilingenjörer</option>
<option>Gymnasieingenjörer</option>
<option>Högskoleingenjörer</option>
<option>Annan</option>
</select>

<% If request.QueryString("meny") = "5" Then %><input type="text" name="utbildtext" size="25" maxlength="100"><% End if %></form>
```

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

## #5 — Johnsen, 2001-06-01T08:22Z

För att slippa ladda om sidan om du växlar mellan utbildningarna kan du göra så här: 

```
<head>
<script>
function byt(){
if(document.foo.bar.selectedIndex==5){location.href="index.asp?meny=1"}	
if(parent.location.search!=""){location.href="index.asp"}
}
</script>
</head>

<form name="foo">
<select name="bar" size="1" onChange="byt();">
<option>-- Välj utbildning --</option>
<option>Brandingenjörer</option>
<option>Civilingenjörer</option>
<option>Gymnasieingenjörer</option>
<option>Högskoleingenjörer</option>
<option>Annan</option>
</select>

<% If request.QueryString("meny") = "1" Then %>
<input type="text" name="utbildtext" size="25" maxlength="100">
<% End if %>

</form>
```

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

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

## #6 — Method, 2001-06-01T09:09Z

Jojox din kod fungerade men när jag laddar om sidan tappar jag alla värden som är inskrivna i Formuläret.

jag provade Johnsen´s kod som inte laddar om men den funkade inte.

kan nån berätta hur man skall göra för att behålla värdena i formuläret ???

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

## #7 — Johnsen, 2001-06-01T09:24Z

Kan du visa hur hela ditt formulär ser ut?

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

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

## #8 — Method, 2001-06-01T09:55Z

här e den

```

<form action="ansokan_ok.asp" method="post">

<table border="0" cellpadding="4" cellspacing="0">
										<tr>
											<td colspan="2"><font face="Verdana" color="#000099"><b>Ans&ouml;kningsformul&auml;r</b><b><br>
													</b></font></td>
										</tr>
										<tr>
											<td valign="top"><font face="Verdana" size="1"><b>F&ouml;rnamn:</b></font><font face="Verdana" size="1" color="red"><b>*</b></font><font face="Verdana" size="1"><b><br>
													</b></font></td>
											<td valign="top"><b><input type="text" name="fornamn" size="25" maxlength="100"></b></td>
										</tr>
										<tr>
											<td valign="top"><font face="Verdana" size="1"><b>Efternamn:</b></font><font face="Verdana" size="1" color="red"><b>*</b></font><font face="Verdana" size="1"><b><br>
													</b></font></td>
											<td valign="top"><b><input type="text" name="efternamn" size="25" maxlength="100"></b></td>
										</tr>
										<tr>
											<td valign="top"><font face="Verdana" size="1"><b>Adress:</b></font><font face="Verdana" size="1" color="red"><b>*</b></font><font face="Verdana" size="1"><b><br>
													</b></font></td>
											<td valign="top"><b><input type="text" name="adress" size="25" maxlength="100"></b></td>
										</tr>
										<tr>
											<td valign="top"><font face="Verdana" size="1"><b>Postnr:</b></font><font face="Verdana" size="1" color="red"><b>*</b></font><font face="Verdana" size="1"><b><br>
													</b></font></td>
											<td valign="top"><input type="text" name="postnr" size="8" maxlength="100"></td>
										</tr>
										<tr>
											<td valign="top"><font face="Verdana" size="1"><b>Postadress:</b></font><font face="Verdana" size="1" color="red"><b>*</b></font></td>
											<td valign="top"><input type="text" name="postadress" size="25" maxlength="100"></td>
										</tr>
										<tr>
											<td valign="top"><font face="Verdana" size="1"><b>Telefon:</b></font><font face="Verdana" size="1" color="red"><b>*</b></font></td>
											<td valign="top"><input type="input" name="telefon" size="25" maxlength="100"></td>
										</tr>
										<tr>
											<td valign="top"><font face="Verdana" size="1"><b>Mobiltelefon: </b></font></td>
											<td valign="top"><input type="text" name="mobil" size="25" maxlength="100"></td>
										</tr>
										<tr>
											<td valign="top"><font face="Verdana" size="1"><b>E-post:<br>
													</b></font></td>
											<td valign="top"><b><input type="text" name="epost" size="38" maxlength="100"></b></td>
										</tr>

										<tr>
											<td valign="top"><font face="Verdana" size="1"><b>Utbildning:</b></font></td>
											<td valign="top">
																<form name="foo">
<form name="foo">
<select name="utbildning" size="1" onChange="location.href='index.asp?meny='+this.selectedIndex;">
<option>-- Välj utbildning --</option>
<option>Brandingenjörer</option>
<option>Civilingenjörer</option>
<option>Gymnasieingenjörer</option>
<option>Högskoleingenjörer</option>
<option>Annan</option>
</select>

<% If request.QueryString("meny") = "5" Then %><input type="text" name="utbildtext" size="25" maxlength="100"><% End if %></form>

</td>
										</tr>

										<tr>
											<td valign="top"><font face="Verdana" size="1"><b>Komentarer:</b></font></td>
											<td valign="top"><textarea name="kommentar" cols="40" rows="6"></textarea></td>
										</tr>
										
										
										<tr>
											<td align="right" valign="top"></td>
											<td valign="top" align="right"><input class="clear" type="reset" value="Rensa f&auml;lt">&nbsp;<input class="send" type="submit" value="G&aring; vidare >>"></td>
										</tr>
									</table>
									<font face="Verdana" size="1" color="red"><b>* </b></font><font face="Verdana" size="1" color="black">Obligatoriska f&auml;lt</font><br>
									<br>
									<br>
									<input type="hidden" name="datum" value="<%=now()%>">
									<% ID = Request.Querystring("ID") %>
									<% jobb = Request.Querystring("Jobb") %>
									<% kontor = Request.Querystring("kontor") %>
									<input type="hidden" name="jobbid" value="<%=ID%>">
									<input type="hidden" name="jobb" value="<%=jobb%>">
									<input type="hidden" name="kontor" value="<%=kontor%>">
									<input type="hidden" name="ip" value="<%=ip%>">
								</form>
```

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

## #9 — Jojoxx, 2001-06-01T11:03Z

Johnsens variant fungerar för mig. Kanske ett lager kan vara ett alternativ för dig, så behöver du aldrig ladda om sidan.

```
<script language="JavaScript">
function showLayer(Id){
	if (document.all) {
		document.all[Id].style.visibility = "visible";
	} else if (document.layers){
		document.layers[Id].visibility = "show";
	} else if (document.getElementById){
		document.getElementById(Id).style.visibility = "visible";
	}
}
function hideLayer(Id){
	if (document.all) {
		document.all[Id].style.visibility = "hidden";
	} else if (document.layers){
		document.layers[Id].visibility = "hide";
	} else if (document.getElementById){
		document.getElementById(Id).style.visibility = "hidden";
	}
}
</script>

<form name="foo">
<select name="bar" size="1" onChange="if(this.selectedIndex==5){ showLayer('five'); } else { hideLayer('five'); }">
<option>-- Välj utbildning --</option>
<option>Brandingenjörer</option>
<option>Civilingenjörer</option>
<option>Gymnasieingenjörer</option>
<option>Högskoleingenjörer</option>
<option>Annan</option>
</select>
<div id="five" style="position:absolute;top:15px;left:170px;visibility:hidden;">
<input type="text" name="utbildtext" size="25" maxlength="100">
</div>
</form>
```

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

## #10 — Method, 2001-06-01T11:44Z

hehehe min menu på sidan blev helt störd när man körde sccriptet.

```
<script language="JavaScript" src="http://www.bengtdahlgren.se/jslib/menu/dhtmllib.js"></script>
		<script language="JavaScript" src="http://www.bengtdahlgren.se/jslib/menu/navbar.js"></script>
		<script language="JavaScript" src="http://www.bengtdahlgren.se/jslib/menu/menu.js"></script>
		<script language="JavaScript"></script>
```

den trycks ihop i högra hörnet
varför sabbas den av den nya koden??
Har du lust att kolla på det.

 <http://www.bengtdahlgren.se> 

Där kan du kolla närmare på menyn

Vilka webbläsare funkar koden som jag fick av dig?

Annars funkar den bra.

Tack för hjälpen. :)

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

## #11 — Jojoxx, 2001-06-01T12:26Z

Antagligen är det resultatet av att du redan har funktioner som heter showLayer/hideLayer i dina inlänkade script. Enklaste är att döpa om de som jag använda i exemplet till myShowLayer / myHideLayer (**OBS**, på alla ställen i koden).

Scriptet fungerar i Netscape4+ IE4+ samt alla DOM kompatibla webbläsare.

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

## #12 — Bendro, 2001-06-01T12:41Z

Jojoxx förslag med lager kanske kan vara lösningen på mitt problem (se min tråd). Men hur gör jag för att få fram en bild istället för en selectlista, och hur får jag fram den i en annan frame alternativt får den att glida ner över en annan frame och inte bakom?

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

## #13 — Method, 2001-06-01T13:12Z

Tackar & Bockar Jojoxx Rockar :)

Tack för all hjälp nu funkar det guld ;)

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

## #14 — Method, 2001-06-01T13:29Z

Jag skämms ;) men måste säga att jag provade sidan i NS 4.73 och där fungerade inte javascriptet :(

Hur kommer detta sig????

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

## #15 — Jojoxx, 2001-06-01T15:18Z

Method,

Glömde bort det lilla fenomenet i Netscape. Man kan inte lägga ett ensamt textfält (utan omgivange \<form\> ) på det sättet i Netscape. Då får man helt enkelt göra ett formulär till, där man kopierar värdet till motsvarande fält (gömt i detta fall) i huvudformuläret;

```
<script language="JavaScript">
function showLayer(Id){
if (document.all) {
document.all[Id].style.visibility = "visible";
} else if (document.layers){
document.layers[Id].visibility = "show";
} else if (document.getElementById){
document.getElementById(Id).style.visibility = "visible";
}
}
function hideLayer(Id){
if (document.all) {
document.all[Id].style.visibility = "hidden";
} else if (document.layers){
document.layers[Id].visibility = "hide";
} else if (document.getElementById){
document.getElementById(Id).style.visibility = "hidden";
}
}
</script>
<form name="foo">
<select name="bar" size="1" onChange="if(this.selectedIndex==5){ showLayer('five'); } else { hideLayer('five'); }">
<option>-- Välj utbildning --</option>
<option>Brandingenjörer</option>
<option>Civilingenjörer</option>
<option>Gymnasieingenjörer</option>
<option>Högskoleingenjörer</option>
<option>Annan</option>
</select>
<input type="hidden" name="utbildtext">
</form>
<div id="five" style="position:absolute;top:15px;left:170px;visibility:hidden;">
<form>
<input type="text" size="25" maxlength="100" onChange="window.document.foo.utbildtext.value=this.value">
</form>
</div>
```

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

## #16 — Method, 2001-06-05T06:29Z

jag har ett problem till nu med form taggarna så kan jag inte skicka formuläret.

Jag provade i NS igen och nu visas inte kommentar textarean och textrutan visas inte.

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

## #17 — Jojoxx, 2001-06-05T10:47Z

Exemplet ovan är testat i en riktigt gammal (4.08) och det fungerar. Tänk på att fältet i lagret måste ligga inom \<form\>\</form\> för att det skall visas i netscape, alltså ett eget formulär. En länk till sidan skulle även underlätta.

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

## #18 — Method, 2001-06-05T11:34Z

ok, skall fixa det för nu ligger den internt.

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/17836-dropdown-meny-prob
