Dropdown Menü springt andauernd auf die erste Auswahl zurück - wie kann ich das verhindern?

Ich habe schon an mehreren Stellen nach einer Antwort gesucht, aber keiner konnte mir weiter helfen. Und zwar geht es um eine Software, die ich auf meinem Webspace verwende. Dort gibt es ein paar Dropdown Menüs mit Auswahlmöglichkeiten (Bearbeitungsbereich von einem Userprofil). Soweit, so gut. Wenn ich jetzt aber einen Punkt auswähle und auf "speichern" klicke, springt die Auswahl in dem Dropdown Menü zurück auf den ersten Punkt, sodass ich ihn auf die nächste Bearbeitung erneut auswählen muß. Das will ich aber nicht, denn auf Dauer wird das richtig nervtötend. Ich möchte, dass die zuletzt gesetzte Auswahl abgespeichert wird, sodass ich das bei der Bearbeitung nicht ständig vom neuen setzen muß.

Aber wo kann ich in der Programmierung den Befehl dafür setzen?

Bisher habe ich nur mit CSS Dropdown Menüs gearbeitet, aber soweit ich heraus gefunden habe, läuft dieses hier über JavaScript (hatte noch nie damit zu tun, ist - zumindest im Bereich Dropdown Menü - totales Neuland für mich). Dazu habe ich eine (die einzige) Datei gefunden, wo es einen Befehl dafür gibt, nur leider werde ich nicht so ganz schlau daraus. Vielleicht hat mir ja einer einen Rat dazu? Hier der Ausschnitt:

function(a){var c="dropdown",f="4.0.0",g="bs.dropdown",h="."+g,i=".data-api",j=a.fn[c],k={HIDE:"hide"+h,HIDDEN:"hidden"+h,SHOW:"show"+h,SHOWN:"shown"+h,CLICK:"click"+h,CLICK_DATA_API:"click"+h+i,KEYDOWN_DATA_API:"keydown"+h+i},l={BACKDROP:"dropdown-backdrop",DISABLED:"disabled",OPEN:"open"},m={BACKDROP:".dropdown-backdrop",DATA_TOGGLE:'[data-toggle="dropdown"]',FORM_CHILD:".dropdown form",

Ich bin für jede Hilfe dankbar! Denn so langsam verzweifle ich daran.

2 Antworten

perhp

Nutzer, der sehr aktiv auf gutefrage ist

im Thema HTML

16.08.2016, 22:54

Hallo, für was verwendest du dein sogenanntest Dropdown-Menü? Wenn es sich nicht um ein Menü handeln sollte, dann würde ich zu select-Listen raten: http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_select

Nun zu deinem Problem, es ist ganz logisch, dass es immer auf die erste Auswahl zurückspringt, da bei jedem Laden der Seite der Code neu ausgeführt wird und du dein Abspeichern des Menüpunkt ja nirgendwo machst. CSS wird nur für das Styling verwendet, nicht für das Speichern von Menüpunkten.

Nun hast du folgende Möglichkeiten, wie du das ganze speichern kannst, für die nächsten Sitzungen eines Benutzers:

- PHP: du speicherst das Ganze in eine Datenbank und holst dir dann deinen Wert heraus

-JS: du speicherst das Ganze in einem Cookie mit einer bestimmten Sitzungsdauer

LittleDustBunny

Fragesteller

17.08.2016, 15:42

Vielen lieben Dank für deine Antwort :)
Mir fällt gerade auf, dass ich - vielleicht? - einen entsprechenden Punkt vergessen habe. Die Software, die ich auf meinem Webspace betreibe, ist aktuell auf der Version 6.2.1 - dieses Verhalten mit dem Dropdown-Menü hatte in den Versionen vor 6.0 noch funktioniert. Erst mit dem Einzug von 6.0 und Höher hat sich dieses Verhalten eingeschlichen und der Softwareentwickler stellt sich - ich mag mal sagen - ein bisschen quer, mir da weiter zu helfen. Deswegen will ich jetzt versuchen, dass auf eigene Faust zu lösen. Zwar habe ich etwas Ahnung, aber in Sachen Javascript bin ich noch recht unerfahren, da ich bislang eher mit reinem HTML, PHP & CSS gearbeitet habe :)
Es ist schwierig zu umschreiben. Im AdminCP lassen sich zusätzliche Felder für die Profile erstellen, wo ich selbst bestimmen kann, ob es ein reines Textfeld, oder eben dieses Dropdown-Menü sein soll (Als Typ wird "Selection" beschrieben). Das ganze wird in der Datenbank hinterlegt. Bei Ansicht des Profils wird alles richtig dargestellt, nur wenn ich anschließend das Profil bearbeiten will, sind die Dropdown-Menüs zurück auf dem ersten Punkt und ich muß alles vom neuen auswählen, um damit es später bei der Profilansicht wieder stimmt. So ganz schlicht umschrieben mag ich sagen, dass die Information im Bearbeitungsbereich während der Speicherung verloren gehen. Die Frage ist jetzt nur, an welcher Stelle ich suchen muß, da die Software an sich sehr verschachtelt ist :( Evtl. doch ein Cookie-Problem?

perhp

17.08.2016, 16:20

@LittleDustBunny

Wenn du das Ganze mit PHP abspeicherst, dann verwendest du kein Cookie, sondern speicherst das Ganze in eine Datenbank.

Den javascript-Code, den du vorher gepostet hast, gibt für mich nicht wirklich einen Sinn, da dort nur Sachen in variablen gespeichert werden.

1. Du musst nun überprüfen, ob die Werte auch in der Datenbank korrekt hineingeschrieben werden.

2. Wenn ja, dann liegt das Problem bei der Auslesung (evtl. überprüfen, ob Fehler ausgegeben werden) und mit welchem Code das Ganze aus der Datenbank geholt wird bzw. das Result davon.

Mit dem Updaten von Sachen bzw. Versionen kann es durchaus sein, dass bestimmte Sachen davon nicht mehr kompatibel sind, wurde evtl. die PHP Version geupdated?

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

HTML, programmieren, Java

17.08.2016, 00:14

Die JavaScript-Funktion, die du da herausgekramt hast, wird nicht groß weiterhelfen. Sie ist unvollständig und außer Kontext. Vermutlich hat sie mit dem Dropdown-Element zu tun, doch um zu wissen, was sie genau tut, müsste man sich erst intensiv einarbeiten.

Andere Lösungswege sind da viel schneller. Du kannst das Dilemma server- oder clientseitig lösen. Am schnellsten und einfachsten geht vermutlich Lösungsvorschlag 3.

1) Kombination aus Server + Client

Nach Senden des Formulars speicherst du den Wert des Dropdown-Elements und gibst ihn weiter an die Stelle, wo es selbst gerendert wird (z.B. innerhalb eines data-Attributs). Via JavaScript liest du diese Information aus und setzt den Wert dynamisch.

2) Nur Server

Nach Senden des Formulars speicherst du den Wert der Box und da, wo die Box gerendert wird, musst du dafür Sorge tragen, dass du die Box kreierst und nicht mehr das JavaScript o.ä.. Gib das select-Element selbst aus.

3) Nur Client (mit JS)

Setze einen onchange-Event-Handler auf das Dropdown-Element, bei jeder Änderung soll der neu ausgewählte Wert in einem Cookie gespeichert werden. Beim Laden der Seite selbst wird der Cookie ausgelesen und die entsprechende Option ausgewählt. Schau im Markup, ob das Dropdown-Element ein klassisches select-Feld ist oder nicht.

Folgende Links könnten dir weiterhelfen:

Hallo zusammen,

ich möchte ein HTML Formular mit einem Dropdown Menü erstellen, wo man mit einer Text Eingabe eine Auswahlmöglichkeit zum Drop Down Menü hinzufügen können soll.

Also Bsp.: Ich habe eine Auswahl von 3 Optionen im DropDown, dann gibt der User in ein eingabe Feld eine weitere Option ein, drückt submit und hat dann 4 Optionen zur Auswahl, eine davon von ihm selbst.

Hoffe ihr könnt mir weiterhelfen:)

...zur Frage

Excel Dropdown Menü?

Wie kann ich in Excel ein Dropdown Menü erstellen, welches mir Werte zur Auswahl gibt, die Abhängig von einer davor stehenden Zahl sind.
z.B.
wenn der Artikel 123 davor steht sollen die Einheiten 100 200 300 zur Verfügung stehen

...zur Frage

Wie kann ich in Excel ein Dropdown-Menü machen, bei dem den Auswahlmöglichkeiten Werte zugeordnet sind?

Hallo zusammen,

ich brauche also eine Dropdown-Liste, in der Wörter stehen und bei Auswahl, in zwei verschiedene Zellen, zwei verschiedene Zahlen automatisch eingetragen werden.

Beispiel: im Dropdown Menü gibt's die Auswahl: Oktober, wenn das ausgewählt wird, werden in zwei vordefinierte Felder die Zahlen 200 und 100 eingetragen (ein Feld - eine Zahl)

Dient einfach der Bequemlichkeit, so muss ich nicht immer schauen, welche Zahl, wo rein gehört, sondern sehe es in der Liste...

Ich hoffe, ich habe es verständlich beschrieben, zusammengefasst will ich im Menü Wörter, die bei Auswahl in 2 verschiedenen Zellen, zwei verschiedene Zahlen erzeugen.

Wie mache ich das?

Vielen Dank schon mal!

...zur Frage

Click bot selber Programieren?

Hallo ich wollte gerade einen Code schreiben der einen Button auf einer Website betätigt. In einem Video habe ich dafür 2 Syntax gefunde

document.getElementsByName("Name")[0].click();

document.getElementsByClassName("Class Name")[0].click();

Ich habe einen Rechtsklick auf den Button gemacht und bin auf untersuchen gegangen. In dem JavaScript habe ich aber nur folgendes gefunden

<button type="button" class="size-grid-dropdown size-grid-button" data-qa="size-dropdown">EU 43</button> wenn ich die zweite Syntax nehme und dann das einfüge hilft das nichts weil alle Buttons den glechen class name haben.

Weiß jemand was ich machen soll?

...zur Frage

Wie kann ich die Menüfarbe in Wordpress ändern?

Ich habe ein Dropdown-menü in Wordpress erstellt indem ich einfach Kategorien als Submenüpunkt unter den Hauptmenüpunkt "shop" gelegt habe.

Nun möchte ich aber auch die Hintergrundfarbe des Dropdown-menüs ändern.

Wo finde ich die Einstellungen dazu ?

...zur Frage

DropDown-Kästchen bei CSS nach Bildschirm anpassen?

Schönen guten Abend,

ich würde gerne mein DropDown-Menü so ändern, dass er auf die Bildschirmgröße angepasst ist. Kann mir da wer einer helfen?.

Mein bisheriger code für die Boxen des Menüs:

...zur Frage

CSS Problem mit Firefox?

Ich will gerade ein kleines CSS-only Dropdown-Menü mittels der Pseudoklasse :focus realisieren. Das funktioniert in Chrome, Edge und Safari super, nur Firefox schießt hier quer und die Links lassen sich nicht anklicken. Meine Vermutung ist, dass es bei Firefox ein Timing-Problem gibt und – vereinfacht gesagt – blur vor click kommt und click ins leere läuft, da der Link dann unsichtbar ist.

Hier ein ganz einfacher Testcase:

HTML

<nav>
 <span class="menu" tabindex="-1">
  Menü aufrufen
  <ul>
   <li><a href="https://www.gutefrage.net/" target="_blank">Gutefrage</a></li>
   <li><a href="https://www.google.com/" target="_blank">Google</a></li>
  </ul>
 </span>
</nav>

CSS

.menu {
 position: relative;
 border: 1px solid silver;
 border-radius: 5px;
 padding: 4px 8px;
}

.menu:focus {
 background-color: coral;
}

.menu ul {
 display: none;
}

.menu:focus ul {
 position: absolute;
 display: block;
}

Link

https://jsfiddle.net/Babelfisch/bck65qeo/6/

Hat jemand eine Idee, wie ich Firefox hier dazu bringen kann, sich wie alle anderen Browser zu verhalten? Ich bin hier gerade mit meinem Latein am Ende, will das ganze aber ungern begraben oder unnötig Javascript dafür nutzen.

...zur Frage

Wie zeige ich Daten mit einem Dropdown Menü in PHP an?

Hallo,

ich Versuche ein kleines PHP-Projekt zu realisieren. In diesem geht es darum, Filme aus einer MySQL Datenbank anzuzeigen. Im Dropdown Menü sind Genres zur Auswahl und wenn man auf eins drückt, sollen nur die Filme angezeigt werden, die mit dem Genre übereinstimmen. Leider weiß ich nicht wie ich dies realisieren soll. Nach zahlreichen Versuchen und Recherchen bin ich immer noch nicht am Ziel angelangt. Könnte mir jemand von euch vielleicht weiterhelfen?

Der bisherige Quelltext und die Tabelle ist im Anhang.

Danke im Voraus

...zur Frage

Bootstrap Dropdown Menü öffnet außerhalb des Bildschirms?

Hi, ich habe auf meiner Website ein Bootstrap Dropdown Menü eingebaut. Dieses befindet sich links am Bildschirmrand. Wenn ich drauftippe, öffnet es sich so, dass die Schrift außerhalb des Bildschirm ist, man das menü also nur zur Hälfte sehen kann. Wie kann ich den Code hier verändern, damit Bootstrap weiß, dass es das menü nicht nach links sondern nach rechts öffnen soll.

Der Code:

<div class="dropdown">
                <button class="btn btn-secondary btn-success px-3" type="button" id="dropdownMenuButton1"
                    data-bs-toggle="dropdown" aria-expanded="false">
                    <i class="fas fa-bars"></i>
                </button>
                <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuButton1">
                    HIER SIND DIE EINZELNEN LISTENELEMENTE!!!
                </ul>
            </div>

Da das Problem schwer zu erklären ist, kann gerne auch unter meiner GuteFrage profil Seite auf meine Website gehen und auf den Menübutton drücken. Man meine website dann nur auf einem handy oder so öffnen, da sonst der Bildschirm groß genug für das Menü wäre.

Danke für jede Hilfe!!

...zur Frage

Excel 2016: Formelergebnisse auf Dropdown-Ergebnisse automatisch anpassen?

Hallo,

ich habe momentan ein recht spezielles Problem. Und zwar würde ich gern in einer Zelle eine Rechenformel stehen haben, gleichzeitig aber auch ein Dropdown-Menü direkt in dieser Zelle haben und die Rechenwerte der Formel sollen dann auf einen Wert des Dropdown-Menüs automatisch angepasst werden.

Kleines Beispiel: im Feld F6 soll die Formel: =(0,5E7+0,5E8) stehen. Jedoch habe ich gleichzeitig noch in F6 über "Daten->Reiter Datentools->Datenüberprüfung" ein Dropdown-Menü erstellt und dieses mit 11 auswählbaren Werten gefüttert. Jetzt kommt durch die Formel ein Rechenergebnis von z.B. 2,8 heraus. Im Dropdown-Menü stehen jedoch nur 2,3 ; 2,7 ; 3,0 ; etc zur Verfügung.

Wie bekomme ich es hin, dass Excel das Rechenergebnis dann automatisch auf den korrekten Dropdownwert (hier: 2,7) anpasst?

Ich hoffe, ihr könnt mir helfen.

mfg,

...zur Frage

JQuery in JavaScript Converter?

Hey Leute,

ich möchte gerne meinen jQuery-Code in JavaScript umwandeln. Mir ist klar, dass jQuery auch JavaScript ist, das halt nur eine Library benötigt. Gibt es so etwas wie einen jQuery-to-JavaScript-Converter?

Ich möchte halt diesen Code umwandeln:

<script>
  $(document).ready(function () {
    $('#call').on("input", function () {
      tmpval = $(this).val();

      if (tmpval == '') {
        $('#key').removeClass('lglan');
      }
      else {
        $('#key').addClass('lglan');
      }
    });
  });
</script>
<script>
  $(document).ready(function () {
    $('#receive').on("input", function () {
      tmpval = $(this).val();

      if (tmpval == '') {
        $('#key2').removeClass('lglan');
      }
      else {
        $('#key2').addClass('lglan');
      }
    });
  });
</script>
<script>
  $(document).ready(function () {
    $('#call').on("input", function () {
      tmpval = $(this).val();

      if (tmpval == '') {
        $('#vm').removeClass(' esy ');
        $('#vm').addClass(' odn ');
      }
      else {
        $('#vm').addClass(' esy ');
        $('#vm').removeClass(' odn ');
      }
    });
  });
</script>
<script>
  $(document).ready(function () {
    $("#change").focusin(function () {
      $("#change").addClass("dri2");
    })
    $("#change").focusout(function () {
      $("#change").removeClass("dri2");
      $("#change2").focusin(function () {
        $("#change2").addClass("dri2");
      })
      $("#change2").focusout(function () {
        $("#change2").removeClass("dri2");
      })
    })
  });
</script>
<script>
  $(document).ready(function () {
    $('#call').on("input", function () {
      tmpval = $(this).val();

      if (tmpval == '') {
        $("#vm").attr("disabled", "disabled");
        $("#vm").removeAttr("enabled", "enabled");
      }
      else {
        $('#vm').attr("enabled", "enabled");
        $("#vm").removeAttr("disabled", "disabled");
      }
    });
  });
</script>
<script>
  $(document).ready(function() {
    $('#receive').on("input", function() {
      let currentValue = $(this).val();

      if (!currentValue.length) {
        $('#toggle').html('');
      }
      else {
        $('#toggle').html('<a id="click" class="lock" href="javascript:;"><?php echo $show ?></a>');
      }
    });
    $(document).on("click", "#click", function() {
      let text = $(this).text();

      if (text === "<?php echo $show ?>") {
        $(this).text("<?php echo $hide ?>");
        $("#receive").attr("type", "text");
      }
      else {
        $(this).text("<?php echo $show ?>");
        $("#receive").attr("type", "password");
      }
    });
  });
</script>

Wenn jemand etwas weiß, wäre es cool, mich zu unterstützen. 😉

...zur Frage

Wie kann man 2 Menüs erstellen das für Desktop und Mobile funktioniert?

In der einen sollen ein Menüs das für Mobile design ist mit "Hamburger" Schaltfläche und da soll per Fullscreen das Menü zu sehen sehen (Mit Dropdown das wenn man ein anderen Hovered wieder zusammenfährt.)

Und ab 1028 x () soll dann das Menü für die Desktop Anwendung zusehen sein das per Mega Menü Angebote oder sonst noch Links anbietet (wenn man darauf hovered).

(Ich weis das man den Browser verkleinern kann, das soll nicht das Problem sein. Es soll auch die gleichen Links sein nur das man im Desktop Menü halt noch Bilder und Text sehen kann)

Ich hoffe man kann mir irgendwie helfen dieses Problem zu lösen.

Weil ich komme momentan echt nicht weiter.

...zur Frage

Excel Wenn Funktion mit dropdownmenü?

Hallo zusammen, ich möchte folgendes rechnen:

Wenn Auswahl X aus dem Dropdown-Menü gewählt wurde soll in einer separaten Zelle eine separate Rechnung ausgeführt werden. Diese Rechnung ist abhängig von der Auswahl der Liste

...zur Frage

Wie kann ich in Excel einen Wert aus einer Tabelle mithilfe von mehreren Kriterien suchen?

Aus dieser Tabelle möchte ich gerne einen Wert erhalten, nur weis ich nicht genau wie ich die Funktion in Excel dazu bilden kann.

Ich habe zwei dropdown menüs erstellt mit (erstens) den Windzonen und (zweitens) den Gebieten. Und wollte diese Zellen mit den integrierten Dropdown-Menüs verknüpfen um den Wert aus der Tabelle zu bekommen.

Sprich wenn ich im ersten Dropdown-Menü "Windlastzone 2" auswähle und im zweiten Dropdown-Menü dann das Gebiet "Küste" auswähle muss die Funktion mit dem Wert der Höhe aus einer anderen Zelle einen genauen wert auswählen.

Beispielsweise habe ich die Höhe auf 14 m definiert, dann wähle ich Windlastzone 2 und das Gebiet der Küste aus, dann sollte mir der Wert 1.00 rauskommen.

Wie erstelle ich dazu dann jetzt die Funktion?

Ich habe mit WENN, UND, ODER, SVERWEIS alles probiert, aber komme nicht auf die richtige Lösung.

Hoffe das ist verständlich und dass mir jemand dabei helfen kann.

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen