Autor |
Nachricht |
Jeronniiimo
Threadersteller
Dabei seit: 29.05.2015
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 29.05.2015 13:32
Titel Mehrer DropDown-Menüs voneinander abhängig |
|
|
Hallo,
ich brauche dringend Hilfe für eine Projektarbeit.
Die Aufgabe lautet:
Es müssen mehrer Dropdown Menüs/Listen auf einer Website erstellt werden, die abhängig von dem Vorgänger sind. Also z.B.:
Box1: Land Auswahl: Deutschland
Box2: Bundesland Auswahl: NRW
Box3: Stadt Auswahl: Düsseldorf
[b]Wichtig:[/b] Es dürfen in den Listen nur Vorschläge/Punkte gezeigt werden, die auf die vorherige Auswahl zutreffen.
Hab schon etwas hin bekommen, jedoch passt sich da nur die 2. Box von der 1. an.
[b]Brauche dringend Hilfe, freue mich über jede Hilfe...
MfG[/b]
|
|
|
|
|
SimonDerDude
Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht:
|
Verfasst Fr 29.05.2015 14:07
Titel
|
|
|
Cool, wie sieht dein Code denn aus?
|
|
|
|
|
Anzeige
|
|
|
Jeronniiimo
Threadersteller
Dabei seit: 29.05.2015
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 01.06.2015 08:56
Titel
|
|
|
[quote="SimonDerDude"]Cool, wie sieht dein Code denn aus?[/quote]
<html>
<head>
<style type="text/css">
</style>
<script language="Javascript">
<!-- Start
function update_auswahl1()
{
var auswahl1 = document.forms.verzeichnis.auswahl1;
var auswahl2 = document.forms.verzeichnis.auswahl2;
var auswahl3 = document.forms.verzeichnis.auswahl3; // Axel
auswahl2.options.length = 0; // DropDown Menü entleeren
auswahl3.options.length = 0; // DropDown Menü entleeren
//********************** AUSWAHL 1 ****************************************************************
if (auswahl1.options[auswahl1.selectedIndex].value == "a")
{
auswahl2.options[0] = new Option("d");
auswahl2.options[1] = new Option("e");
}
else if (auswahl1.options[auswahl1.selectedIndex].value == "b")
{
auswahl2.options[0] = new Option("e");
auswahl2.options[1] = new Option("f");
}
else if (auswahl1.options[auswahl1.selectedIndex].value == "c")
{
auswahl2.options[0] = new Option("f");
auswahl2.options[1] = new Option("g");
}
else if (auswahl1.options[auswahl1.selectedIndex].value == "") // Axel
{
auswahl2.options[0] = new Option("---- Bitte waehlen ----");
}
//*************************************************************************************************
//********************* AUSWAHL 2 *****************************************************************
if (auswahl2.options[auswahl2.selectedIndex].values == "d")
{
auswahl3.options[0] = new Option("h");
auswahl3.options[1] = new Option("i");
auswahl3.options[2] = new Option("j");
}
else if (auswahl2.options[auswahl2.selectedIndex].values == "e")
{
auswahl3.options[0] = new Option("i");
auswahl3.options[1] = new Option("j");
auswahl3.options[2] = new Option("k");
}
else if (auswahl2.options[auswahl2.selectedIndex].values == "f")
{
auswahl3.options[0] = new Option("k");
auswahl3.options[1] = new Option("l");
auswahl3.options[2] = new Option("m");
}
}
//*************************************************************************************************
// Ende -->
</script>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<form name="verzeichnis">
<select size="1" name="auswahl1" onChange="update_auswahl1()">
<option value="" selected>---- Bitte wählen ----</option>
<option value="a">a</option>
<option value="b">b</option>
<option value="c">c</option>
</select>
<br>
<br>
<select size="1" name="auswahl2">
<option selected>---- Bitte wählen ----</option>
</select>
<br>
<br>
<select name="auswahl3" size="1">
<option selected>---- Bitte wählen ----</option>
</select></form>
</body>
</html>
|
|
|
|
|
SimonDerDude
Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht:
|
Verfasst Mo 08.06.2015 14:33
Titel
|
|
|
Dein Problem mag derzeit die dritte Ebene sein, jedoch wirst du auf weitere Bugs stoßen, beispielsweise, dass sich die dritte Ebene nicht verändert (da keine Hierarchie besteht) wenn die Erste erneut verändert wird.
Die Logik dafür zu schreiben ist nicht "mal eben" getan. Ich empfehle hier einmal nachzusehen, was es bereits gibt und ggf. anzupassen. Das sollte den Lerneffekt grundsätzlich nicht behindern.
Suchbegriffe: 'chained select menu'
|
|
|
|
|
|
|
|
Ähnliche Themen |
Dropdown-Menüs in PDF möglich?
[JavaScript] 2 Dropdown Menüs
Nach Dropdown auswahl neues Dropdown erscheinen
Illustrator CS3 Flächen voneinander abziehen
CSS vom Server abhängig?
Div Position abhängig von Scrollposition
|
|