Ein- und Ausblenden von Fragen basierend auf Java Skript funktioniert nicht

Question

Liebes Team,

ich würde gerne eine Frage (DD29) basierend auf der Antwort zu einer anderen Frage (DD23) ein-/ausblenden.Da beide Fragen auf der selben Seite sind, habe ich den folgenden HTML Code unter beiden Fragen eingefügt:

<script type="text/javascript">
<!--
var dropdown = document.getElementById("DD23");  
var frage = document.getElementById("DD29");  /
 
function toogle() {
  if (dropdown.value == "3") {  
    frage.style.display = "";
  } else {
    frage.style.display = "none";
  }
}
 
SoSciTools.attachEvent(dropdown, "change", toogle);  /
SoSciTools.attachEvent(dropdown, "click", toogle);  
toogle();  
// -->
</script>

Dieser funktioniert jedoch nicht. Es werden immer alle Fragen eingeblendet. In der Konsole des Browsers kommt die Fehlermeldung wie im Screenshot abgebildet.

Am liebsten würde ich Frage 23 als Auswahl Frage definieren (momentan wegen verfügbaren Beispielen als Dropdown formatiert).

Weiß jemand, woran der Fehler liegen könnte? Ich habe mich mit dem Code an der Erklärung von SoSci orientiert.

Vielen Dank im Voraus!

Answer 1

Danke für die Fehlermeldungen, das vereinfacht die Antwort.

Die HTML-ID der Frage, die Sie ein-/ausblenden möchten, müsste m.E. wie folgt lauten:

var frage = document.getElementById("DD29_qst");

Comments

Super, vielen Dank - das funktioniert :)
Noch eine kurze Frage: wenn ich die Frage23  als Auswahl formatieren würde, wie müsste ich den Code dann ändern?

---

> wenn ich die Frage23  als Auswahl formatieren würde, wie müsste ich den Code dann ändern?

Dann müssten Sie die beiden Auswahlfelder im Code einzeln eintragen und prüfen, welches markiert (checked) ist. Im Prinzip exakt der Code aus der Anleitung, Beispiel 1: https://www.soscisurvey.de/help/doku.php/de:create:dynamic