Grüss euch
Ich möchte das Formularfeld "Optionen" nur anzeigen, wenn im Listenfeld "Führung" zB die Führung 3 ausgewählt ist. Wie kann ich das lösen?
Ein Musterprojekt ist auf den Zeta-Servern.
Sonnig Grüsse
Urs
JavaScript: Formularfeld nur unter bestimmten Bedingungen anzeigen
-
Hallo,
da müssen Sie einen externen Formulardienst verwenden.
Siehe beispielsweise hier: https://www.formstack.com/
-
Hallo,
das wurde inzwischen auch per Support-Ticket angefragt, solche Fragen können wir aber nicht per Support-Ticket abhandeln. Aber vielleicht hat ja einer der geschätzten Mitbenutzer eine Idee, wie man das z.B. mit jQuery (was ja in ZP immer vorhanden ist) lösen könnte.
Wir vom offiziellen Support können halt keine Hilfe zu Skripten bzw. Programmierung geben, weil dies eigentlich immer den zeitlichen Rahmen sprengt etc. pp.
-
Grüss euch
Eigentlich würde alles funktionieren wenn mein zusätzliches Attribut gemäss beiliegender Dokumentation entsprechend übernommen würde. Wenn man in den DevTools des Browsers die Klasse myOptions manuell ergänzt dann funktioniert das Beispiel welches ihr hier findet. Was mache ich falsch oder ist das ein Problem im ZP?
Beste Grüsse
Urs
-
Zusätzliche HTML-Attribute gelten nur für die Formularfelder selbst (nicht für die umschließenden DIVs) und eine CSS-Klasse sollte man da auch nicht eingeben, weil dieses Attribut bereits von uns zur Gestaltung der Formularfelder genutzt wird.
Sie müssten die Felder und Labels zum anzeigen/ausblenden also anders ansteuern (z.B. über das vorhandene name oder id Attribut).
-
Grüss euch
Problem gelöst
Ein alter Kumpel, so ein richtiger Programmier-Guru, hat mir mit einem anderen Lösungsansatz das Problem ruck zuck gelöst und ich habe wieder etwas dazu gelernt. Nachfolgend findet ihr das Skript. Das Beispiel findet ihr hier.
Hopp Schwyz heute Abend und Daumen drücken!
Gruss Urs
Code
Alles anzeigen<script> function myFunction() { var x = document.getElementById("F1").selectedIndex; // die checkbox ist das 2. Feld im Formular, daher ist dessen ID "F2" // hat das Formular entsprechend mehr Felder, ändert sich das allenfalls !!! // wir ermitteln nun das die checkbox umschließende div, damit wir alles auf einen Schlag ein-/ausblenden können var checkBoxParentDiv = document.querySelector('label[for="F2"]').parentElement; if (x == 3) { checkBoxParentDiv.style.display = "block"; } else { checkBoxParentDiv.style.display = "none"; } } // nach dem laden der Seite gleich einmal aufrufen, damit die checkboxen falls nötig ausgeblendet werden myFunction(); </script>
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!