Dynamisches Deaktivieren einer Antwortoption per JavaScript auf Basis einer früheren Antwort

Question

Sehr geehrtes SoSci-Support-Team,

ich arbeite derzeit an einem Fragebogen, in dem ich auf einer Seite bei einer Multiple-Choice-Aufgabe (Einzelauswahl) eine bestimmte Antwortoption deaktivieren möchte – basierend auf der Auswahl, die der Teilnehmer auf einer vorherigen Seite getroffen hat.

Konkret geht es um folgendes Szenario:

• Auf Seite 1 wählt der Teilnehmer in einer Einzelauswahlfrage (LF1) eine von vier Antwortoptionen.
• Auf Seite 2 wird dieselbe Frage erneut gestellt (LF2), allerdings möchte ich dort die Option deaktivieren, die der Teilnehmer zuvor in LF1 ausgewählt hat (sofern es eine falsche war).
• Diese Deaktivierung soll mittels JavaScript erfolgen – sobald die Seite geladen wird.

Mein Problem: Ich bin mir nicht sicher, wie ich den Wert aus der vorherigen Frage (LF1) korrekt in das JavaScript übergeben kann, sodass ich darauf verlässlich zugreifen und die entsprechende Option in LF2 deaktivieren kann.

Meine Frage: Gibt es ggf. eine empfohlene Vorgehensweise oder ein Beispiel für genau diesen Anwendungsfall?

Vielen Dank für Ihre Unterstützung!

Answer 1

Ich bin mir nicht sicher, wie ich den Wert aus der vorherigen Frage (LF1) korrekt in das JavaScript übergeben kann

Ich hatte schon befürchtet, Sie fragen nach dem JavaScript :)

Den Wert übergeben Sie am einfachstn per Platzhalter. Wenn Ihre erste Frage AB01 heißt, dann schreiben Sie über den JavaScript-Code folgenden PHP-Code:

replace('%wert%', value('AB01'));

Und im JavaScript-Code dann:

let wert = %wert%;
document.getElementById("AB02_0" + wert).disabled = true;

Comments

Vielen Dank, das funktioniert! :)