Chained select - abhängige dropdowns
hallo gemeinschaft
habe zwei dropdown menüs, die voneinander abhängig sind
es sind die menüs
gebiet
reederei
das ist die tab reederei
id_Reederei id_SearchResult ReedereiID ReedereiName
gebiet
id_Destination id_SearchResult DestinationID DestinationName
könnt ihr mir dabei helfen, wie ich das umsetzen kann, dass wenn man z.b. im menü gebiet ein gebiet auswählt, dass dann das menü reederei entsprechend geändert wird
bzw. wenn man ein gebiet aussucht, dass dann das dropdown reederei geändert wird
habe zwei dropdown menüs, die voneinander abhängig sind
es sind die menüs
gebiet
reederei
das ist die tab reederei
id_Reederei id_SearchResult ReedereiID ReedereiName
gebiet
id_Destination id_SearchResult DestinationID DestinationName
könnt ihr mir dabei helfen, wie ich das umsetzen kann, dass wenn man z.b. im menü gebiet ein gebiet auswählt, dass dann das menü reederei entsprechend geändert wird
bzw. wenn man ein gebiet aussucht, dass dann das dropdown reederei geändert wird
Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
Content-ID: 302672
Url: https://administrator.de/forum/chained-select-abhaengige-dropdowns-302672.html
Ausgedruckt am: 02.04.2025 um 01:04 Uhr
15 Kommentare
Neuester Kommentar
Ich bin jetzt zwar leider auch nicht so der JavaScript Profi.
Aber die links sollte dir zumindest weiter helfen können.
Aktualisieren von DIV Containern per JavaScript
https://api.jquery.com/change/
Aber die links sollte dir zumindest weiter helfen können.
Aktualisieren von DIV Containern per JavaScript
https://api.jquery.com/change/
Mensch, die ID's kann man doch anpassen.
Schau dir doch mal den Letzten Link von mir an.
https://css-tricks.com/dynamic-dropdowns/
Daraus wird dann bei dir
In der getter.php die du auch in dem Link findest musst du dann je nach dem welcher Parameter gefüllt ist eine entsprechende SQL Abfrage ausführen die dir die Passenden Werte zurück gibt.
Schau dir doch mal den Letzten Link von mir an.
https://css-tricks.com/dynamic-dropdowns/
$("#first-choice").change(function() {
$("#second-choice").load("getter.php?choice=" + $("#first-choice").val());
});
Daraus wird dann bei dir
$("#id_Reederei").change(function() {
$("#id_Destination").load("getter.php?reederei=" + $("#id_Destination").val());
});
$("#id_Destination").change(function() {
$("#id_Reederei").load("getter.php?destination=" + $("#id_Reederei").val());
});
In der getter.php die du auch in dem Link findest musst du dann je nach dem welcher Parameter gefüllt ist eine entsprechende SQL Abfrage ausführen die dir die Passenden Werte zurück gibt.
Ich find schon mal deinen Datenbankaufbau etwas merkwürdig. Bzw. ich verstehe sie nicht.
Nehmen wir die Tabelle reederei
Warum hast du da id_Reederei und ReedereiID drinnen? Und was ist id_SearchResult?
Den Punkt ReedereiName den würd ich separieren in eine Stammdatentabelle, wo nur eine Zuordnung von ID und Name erfolgt.
Zusammenführen kann man das über einen "Join" und du hast sauber abgegrenzt welche Reedereien gültig sind.
Ich würd's falls möglich eher so machen.
Edit: bei der Tabelle fährt dann noch ein Kriterium ob das noch ein offener Posten ist oder nicht
für das Vorfiltern der Dropdowns ist mir das mal egal.
Ist sind nur 2 Spalten wichtig. Zum einen das Filterkriterium zum zweiten die wo die Werte für den Inhalt des anderen Dropdown's drinnen steht.
Bei mehreren ist das Grundprinzip auch nicht anders nur musst du die möglichen Varianten bedenken wie man es eingeben kann.
Nehmen wir die Tabelle reederei
Warum hast du da id_Reederei und ReedereiID drinnen? Und was ist id_SearchResult?
Den Punkt ReedereiName den würd ich separieren in eine Stammdatentabelle, wo nur eine Zuordnung von ID und Name erfolgt.
Zusammenführen kann man das über einen "Join" und du hast sauber abgegrenzt welche Reedereien gültig sind.
Ich würd's falls möglich eher so machen.
"Reederei"
id________________Name
8128_____________Cunard
8130_____________Phoenix
"Gebiet"
id________________Name
72_______________Transatlantik
67_______________SchwarzesMeer
69_______________Nordland
"Schiff"
id________________Name
8194_____________Queen Mary 2
8196_____________Albatros 1
"Fahrt"
id_______Id_Reederei____________ID_ship________________id_Destination
1_______8128___________________68_____________________69
2_______8198___________________164____________________67
für das Vorfiltern der Dropdowns ist mir das mal egal.
Ist sind nur 2 Spalten wichtig. Zum einen das Filterkriterium zum zweiten die wo die Werte für den Inhalt des anderen Dropdown's drinnen steht.
Bei mehreren ist das Grundprinzip auch nicht anders nur musst du die möglichen Varianten bedenken wie man es eingeben kann.