mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 22:39 Benutzername: Passwort: Auto-Login

Thema: Mehrer DropDown-Menüs voneinander abhängig vom 29.05.2015


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Mehrer DropDown-Menüs voneinander abhängig
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

Antworten mit Zitat Zum Seitenanfang

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]
  View user's profile Private Nachricht senden
SimonDerDude

Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht: Männlich
Verfasst Fr 29.05.2015 14:07
Titel

Antworten mit Zitat Zum Seitenanfang

Cool, wie sieht dein Code denn aus?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Jeronniiimo
Threadersteller

Dabei seit: 29.05.2015
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 01.06.2015 08:56
Titel

Antworten mit Zitat Zum Seitenanfang

[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&auml;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&auml;hlen ----</option>
</select>
<br>
<br>
<select name="auswahl3" size="1">
<option selected>---- Bitte w&auml;hlen ----</option>
</select></form>

</body>
</html>
  View user's profile Private Nachricht senden
SimonDerDude

Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht: Männlich
Verfasst Mo 08.06.2015 14:33
Titel

Antworten mit Zitat Zum Seitenanfang

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'
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.