Datenschutzerklärung

Dynamisches Dropdwown Menü

Validome - Forum

Startseite Validome
RSS 2.0  
Sie sind nicht angemeldet. Atom 1.0  
Forum Home / Javascript-Forum /

Dynamisches Dropdwown Menü

  Beitrag schreiben
Autor
Beitrag Seiten: 1
345speedy
Gast



Hallo....


ich habe eben mal ein Dropdownmenü-Script angepasst ...Soweit funktioniert alles..

Aber jetzt möchte ich gerne das die Auswahl aus der Subkategorie verlinkt ist...


Ich weiß das es mit value machbar ist, ich hab dies auch schon versucht, aber bei meinen Versuchen setze ich das Dropdown immer außer Gefecht :(



Hier mal das Komplette Script:

<html>
<head>
<script language="Javascript">
<!-- Start
function update_auswahl()
{
var kategorieAuswahl = document.forms.verzeichnis.kategorie;
var unterkategorieAuswahl = document.forms.verzeichnis.unterkategorie;
unterkategorieAuswahl.options.length = 0; // DropDown Menü entleeren

if (kategorieAuswahl.options
[kategorieAuswahl.selectedIndex].
value == "Movies")
{
unterkategorieAuswahl.options[0] = new Option("Filme");
unterkategorieAuswahl.options[1] = new Option("Dokus");
}
else if (kategorieAuswahl.options
[kategorieAuswahl.selectedIndex].
value == "Games")
{
unterkategorieAuswahl.options[0] = new Option("Pc");
unterkategorieAuswahl.options[1] = new Option("PSX");
}
else if (kategorieAuswahl.options
[kategorieAuswahl.selectedIndex].
value == "Auswahl")
{
unterkategorieAuswahl.options[0] = new Option("Du musst zuerst eine Kategorie wählen");
}
}
// Ende -->
</script>
</head>


<form name="verzeichnis">
<select size="1" name="kategorie" onchange="update_auswahl()">
<option value="Auswahl" selected>Bitte wähle eine Kategorie</option>
<option value="Movies">Movies</option>
<option value="Games">Games</option> </select>
<select size="1" name="unterkategorie">
<option selected>Du musst zuerst eine Kategorie wählen</option>
</select></form>


29.05.2008 21:20:38
  Beitrag schreiben
HTMELL
Administrator

Registriert: 11.05.2006
Beiträge: 613
Hi,
etwa so?

Code:

.
.
unterkategorieAuswahl.options[0] = new Option("Filme");
unterkategorieAuswahl.options[0].value = 'filme.html';
.
.
<form onsubmit="location.href=this.unterkategorie.value; return false;"...



_______________________________________
mfg
Thomas Mell

www.validome.org

30.05.2008 01:39:59
  Beitrag schreiben
345speedy
Gast



Hab das jetzt mal so versucht...

Code:

<html>
<head>
<script language="Javascript">
<!-- Start
function update_auswahl()
{
var kategorieAuswahl = document.forms.verzeichnis.kategorie;
var unterkategorieAuswahl = document.forms.verzeichnis.unterkategorie;
unterkategorieAuswahl.options.length = 0; // DropDown Menü entleeren

if (kategorieAuswahl.options
[kategorieAuswahl.selectedIndex].
value == "Movies")
{
unterkategorieAuswahl.options[0] = new Option("Filme");
unterkategorieAuswahl.options[1] = new Option("Dokus");
unterkategorieAuswahl.options[1].value = 'newthread.php?boardid=9';
}
else if (kategorieAuswahl.options
[kategorieAuswahl.selectedIndex].
value == "Games")
{
unterkategorieAuswahl.options[0] = new Option("Pc");
unterkategorieAuswahl.options[1] = new Option("PSX");
}
else if (kategorieAuswahl.options
[kategorieAuswahl.selectedIndex].
value == "Auswahl")
{
unterkategorieAuswahl.options[0] = new Option("Du musst zuerst eine Kategorie wählen");
}
}
// Ende -->
</script>
</head>


<form onsubmit="location.href=this.unterkategorie.value; return false;" name="verzeichnis">
<select size="1" name="kategorie" onchange="update_auswahl()">
<option value="Auswahl" selected>Bitte wähle eine Kategorie</option>
<option value="Movies">Movies</option>
<option value="Games">Games</option> </select>
<select size="1" name="unterkategorie">
<option selected>Du musst zuerst eine Kategorie wählen</option>
</select></form>

Leider funktioniert es nur nicht... Was nach ich falsch, liegt es eventuell an der <form>?


30.05.2008 23:33:42
  Beitrag schreiben
HTMELL
Administrator

Registriert: 11.05.2006
Beiträge: 613
Hi,
hast Du Dir schon einmal darüber Gedanken gemacht wie und wann das entsprechende Dokument ausfgerufen werden soll? Automatisch oder per Button?
Wenn es automatisch passieren soll, dann nimm das da ;-)

Code:

<select onchange="location.href=document.forms['verzeichnis'].unterkategorie.value;" size="1" name="unterkategorie">



_______________________________________
mfg
Thomas Mell

www.validome.org

31.05.2008 19:15:28
  Beitrag schreiben
Seiten: 1   Beitrag schreiben
Wechsel zu

Die letzten Beiträge aus diesen Forum

Valid HTML 4.01