Script für Auswahlmenue

**Supermann** · 02.02.2019, 08:57

Hallo, ich suche verzweifelt nach einer Javascript Möglichkeit um mit select Auswahlmenues eine Versandkosten Übersicht zu erstellen.

Als erstes soll mit einer Selectauswahl das Lieferland ausgewählt werden, hat der Kunde dieses ausgewählt, soll eine weitere Selectauswahl erscheinen in dem das Produkt ausgewählt werden kann. Mit auswahl des Produktes soll dann die Lieferzeit usw. angezeigt werden.

Genau dafür suche ich ein Script welches z.B. je nach Auswahl, dann die unterschiedlichen von mir angelegten Divs anzeigen kann. Ich wollte das ganze erst einmal als eigenen HTML Code einbauen, deshalb kann es ein Codeschnipsel sein aus den ich aufbauen kann.

Vielleicht hat ja auch jemand eine IDEE unter was ich bei Google suchen kann um evtl. ein passendes Script zu finden was ich dann anpassen kann.

**mlweb** · 02.02.2019, 09:51

Suche bei Google vielleicht "abhängige selectmenüs"

**fiedsch** · 02.02.2019, 10:05

Ich denke, Du willst dem ersten Select einen Eventlistener mitgeben (https://api.jquery.com/change/), der bei einer Änderung des Selects das zweite Select anzeigt, oder dessen Optionen verändert (siehe z.B. https://stackoverflow.com/questions/...ct-with-jquery).

**Spooky** · 02.02.2019, 10:36

Prinzipiell könntest du das mit der conditionalformfields Extension umsetzen, wenn du nicht selbst programmieren willst. Bei einer hohen Anzahl an Pfaden/Möglichkeiten/Produkten wird das aber schnell unübersichtlich und anstrengend.

**Supermann** · 02.02.2019, 10:37

Hallo,

habe ich gerade auch bemerkt....

**Supermann** · 02.02.2019, 10:55

Habe gerade dieses Script gefunden, allerdings müsste ich das so erweitern das ich je nach Land und Produkt den passenden DIV anzeigen lassen kann und daran bin ich am verzweifeln.

Zum einen müsste es genau anders herrum sein, also Land zuerst und dann müssten es auch mehr Auswahl Möglichkeiten geben....

HTML-Code:

<html>
 
<head>
<script type="text/javascript">
    function einblenden(){
        var select = document.getElementById('select_getraenk').selectedIndex;
        var land   = document.getElementById('select_land').selectedIndex;
        if(select == 1 && land == 1) document.getElementById('bier').style.display = "block";
        else document.getElementById('bier').style.display = "none";        
    }
</script>
</head>
 
<body>
    <form>
        <select id="select_getraenk" onchange="einblenden()">
            <option value="">Getränk</option>
            <option value="1">Bier</option>
            <option value="2">Wein</option>
        </select>
        
        <select id="select_land" onchange="einblenden();">
            <option value="">Land</option>
            <option value="1">Deutschland</option>
            <option value="2">Frankreich</option>
        </select>
        
        <div id="bier" style="display: none;">
        Dieser Text sollte nur sichtbar sein, wenn "Bier" und "Deutschland" ausgewählt wurden!
        </div>
    </form>
</body>
 
</html>

**MacKP** · 02.02.2019, 11:31

Hallo Supermann,
was ist denn jetzt dein Problem beim Anpassen? Du kannst das doch umdrehen und das JS umbauen?
Genau hier wird die Abfrage gemacht:

Code:

if(select == 1 && land == 1) document.getElementById('bier').style.display = "block";

Zu der Anzahl an Einträgen: Die gibst du ja selber vor? Ist doch klar, dass bei einem Beispiel nicht alle 10.000 Auswahlen mit dabei sind, die du gerne hättest. In einem Beispiel-Code soll man ja das Prinzip sehen ;-)

Wenn du jetzt schon daran scheiterst das mal umzudrehen und die Anzahl selbstständig anzupassen, dann solltest du eventuell darüber nachdenken das ganze zu beauftragen. Das ist dann sicher Kostengünstiger auf Dauer ;-)

Viele Grüße

**Supermann** · 02.02.2019, 11:44

Hallo, selbstverständlich soll das auch einmal als Auftragsarbeit vernünftig vergeben werden, allerdings ist das mit den Versandkosten noch nicht zu 100% optimal um es dann z.B. vernünftig aus der Datenbank auslesen zu lassen. Deshalb muss ich mir jetzt erst einmal so behelfen und das Ganze so zu gestallten das der Programierer später genau weiß wie ich es den haben möchte.

Ich habe jetzt auch schon etwas funktionierendes, allerdings habe ich dort für jeden anzuzeigenden DIV ein eigenes Javascript weil ich nicht weiß wie ich mehrer Aufrufe in ein Script bekomme. Also im Moment z.B. 10 unterschiedliche Abragen und 10 unterschiedliche

HTML-Code:

<script type="text/javascript">
    function einblenden(){
        var select = document.getElementById('select_getraenk').selectedIndex;
        var land   = document.getElementById('select_land').selectedIndex;
        if(select == 1 && land == 1) document.getElementById('bier').style.display = "block";
        else document.getElementById('bier').style.display = "none";        
    }
</script>

**MacKP** · 02.02.2019, 11:52

Zitat von Supermann

Ich habe jetzt auch schon etwas funktionierendes, allerdings habe ich dort für jeden anzuzeigenden DIV ein eigenes Javascript weil ich nicht weiß wie ich mehrer Aufrufe in ein Script bekomme. Also im Moment z.B. 10 unterschiedliche Abragen und 10 unterschiedliche

Da du ja 10 verschiedene Dinge abfragen willst, wirst du auch 10 mal überprüfen müssen, ob die Bedingungen für das jeweilige div so sind, wie sie sein sollen.
Ich verstehe jetzt nicht, was da jetzt dein Problem ist glaub ich?

Viele Grüße

**Supermann** · 02.02.2019, 11:55

Hallo,

wahrscheinlich denke ich zu kompliziert oder kann mich nicht richtig ausdrücken, ich bin davon ausgegangen das man das ganze in ein javascript packen kann....

**MacKP** · 02.02.2019, 11:58

Verstehe ich nicht... diese Abfrage die du hast, beinhaltet ja schon die Abfrage von zwei Feldern..
alle weiteren Felder kannst du da mit rein packen:

Code:

<script type="text/javascript">
    function einblenden(){
        var select = document.getElementById('select_getraenk').selectedIndex;
        var land   = document.getElementById('select_land').selectedIndex;
        if(select == 1 && land == 1) document.getElementById('bier').style.display = "block";
        else document.getElementById('bier').style.display = "none";
        hier weitere Abfrage...
    }
oder hier iene 2. function.. 
</script>

Kann alles in eine Datei rein. Oder was meinst du jetzt?

Viele Grüße

**Supermann** · 02.02.2019, 12:03

Hallo,

genau ja genau das meinte ich, ich dachte allerdings das man das noch etwas vereinfachen könnte.

**MacKP** · 02.02.2019, 12:06

Kommt drau an, hier weiß glaube ich keiner, was du jetzt genau für abfragen hast und brauchst.
Von daher kann man da schwer etwas zu einer Vereinfachung sagen. Nix vereinfachen ist immer noch nix ;-)

Viele Grüße

**Supermann** · 02.02.2019, 12:07

Ich versuchs erst einmal...

**Supermann** · 02.02.2019, 15:36

Ich habe jetzt mal zum Testen das "contao-conditionalselectmenu" installiert und versuche das einzurichten. Kann man dieses Selectmenu nur im Formulargenerator nutzen? Zumindest ist es bei mir die einzige Möglichkeit. Ich bin davon ausgegangen das es auch anders geht, denn im Infotext steht "Unterstützt auch den Formulargenerator" was für mich heißt das es ja auch anders gehen sollte.

Thema: Script für Auswahlmenue

Themen-Optionen

Thema durchsuchen

Script für Auswahlmenue

Aktive Benutzer

Aktive Benutzer

Lesezeichen

Lesezeichen

Berechtigungen

Contao

Empfohlene Webdesign-Bücher