HTML Script Frage

Da ich jetzt schon auf verschiedenen Seiten geschaut habe, frage ich hier einmal, ob jemand evtl. eine Lösung kennt. Mein Problem lässt sich folgender Maßen beschreiben:

Ich möchte in ein Formular eine Funktion einbauen, in der jemand per Ratio eine Sache auswählt. Sobald er aber die eine Sache auswählt wird darunter ein Untermenü sichtbar. Heißt z.B.:

Man hat folgende Dinge zum anklicken zuerst:

Ja
Nein
Problem

Drückt man auf Problem soll nun eine Zeile sichtbar werden, die wie folgt aussieht: (Ratiobuttons)

kein Headset
nur über Boxen zuhören
Probleme mit der Einstellung


usw. Ist das überhaupt möglich und wenn ja, wie?

Mit freundlichen Gruß
Elelalem Ashraf

Mit HTML alleine ist das nicht möglich.
So was lässt sich entweder nur über ein Script oder über PHP lösen.

Okay, kann man so etwas überhaupt in die HTML Seite einbauen (script), da:

https://hilfe.forumieren.com/t5307-script-funktion-gesperrt

Da ich mich aber in keines von beiden so richtig auskenne, könnte mir jemand ein BSP Code geben? Dann könnte ich mir den rest zusammenbasteln.

Achja, bevor ich es vergesse, würde das script dann aber in die HTML Seite mit einbauen, wenn das geht...(siehe oben)

Der Verlinkte Beitrag den du oben Zitierst, gilt nur für dieses Forum hier.
Und das bezieht sich nur auf Scripte die in Beiträgen gepostet werden.
Scripte kannst du überall im Adminbereich einsetzen, wo du auch HTML Einsetzen kannst.

Ah okay, also, ich habe folgendes im Internet dazu jetzt gefunden:

Code:

<script language='JavaScript'>
<!--
function swap_content( span ) {
    displayType = ( document.getElementById( span ).style.display == 'none' ) ? 'block' : 'none';
    document.getElementById( span ).style.display = displayType;
}
//-->
</script>

Code:

<a href="#" onclick="swap_content('c312'); return false;">

Code:

<span id="c312" style="display: none">deininhalt</span>

Doch das war unter dem Punkt Text verstecken/einblenden... Wenn ich das so richtig per Logik verstehe, müsste es dann ja klappen dort auch eine Ratio-html-Funktion einzubauen, oder?


Edit:

Nur wie baue ich das jetzt da ein...?^^


Edit 2:

Code:

<script type="text/javascript">
function anzeigen(das) {
 if (document.getElementById(das).style.display=='none') {
  document.getElementById(das).style.display='block';
 }
 else {
  document.getElementById(das).style.display='none';
 }
}
</script>

» <a href="javascript:anzeigen('eins');">Text Eins anzeigen</a>
<div style="display: none;" id="eins">
  Viel Text viel text viel text ...
</div>

<br>

» <a href="javascript:anzeigen('zwei');">Text Zwei anzeigen</a>
<div style="display: none;" id="zwei">
  Viel mehr text ...
</div>

Oder komme ich dabei besser rum?

Habe jetzt gerade einmal einen Code ausprobiert, dieser funktioniert leider nicht, weiß dort einer, was ich hier falsch gemacht habe bzw. wa sich anders machen muss, damit es funktioniert:

Code:


<script language='JavaScript'>
<!--
function swap_content( span ) {
    displayType = ( document.getElementById( span ).style.display == 'none' ) ? 'block' : 'none';
    document.getElementById( span ).style.display = displayType;
}
//-->
</script>


        <td bgcolor="#000000">
        <font color="#0066cc"><b><u><p>Teams</u>p<u>eak</u>&nbsp;*</p></b></font></td>
            <td><select size="1" name="Teamspeak">
            <option value="bitte wählen">bitte w&auml;hlen</option>
            <option value="Ja">Ja</option>
            <option value="Nein">Nein</option>
            <option value="Problem"><a href="#" onclick="swap_content('c312'); return false;">Habe mit TS Probleme!</a></option>
            </select></td>
        </tr><span id="c312" style="display: none">
        <tr>
        <td valign="center" width="100" bgcolor="#000000">
        <font color="#0066cc">
        <p><b><u>Teams</u>p<u>eak</u>p<u>robleme</u>&nbsp;<sup>2</sup></b></p>
        </font></td>
            <td>
            <input name="TS Probleme" size="40" /></td>
        </tr><br></span>

Edit: Bin schon einmal einen Schritt weiter: Den Text verbirgt er mir schon einmal, nur das Eingabefeld nicht -.-

Code:

<script language='JavaScript'>
<!--
function swap_content( span ) {
    displayType = ( document.getElementById( span ).style.display == 'none' ) ? 'block' : 'none';
    document.getElementById( span ).style.display = displayType;
}
//-->
</script>


        <td bgcolor="#000000">
        <font color="#0066cc"><b><u><p>Teams</u>p<u>eak</u>&nbsp;*</p></b></font></td>
            <td><select size="1" name="Teamspeak">
            <option value="bitte wählen"  href="#" onclick="swap_content('c312'); return true;">bitte w&auml;hlen</option>
            <option value="Ja"  href="#" onclick="swap_content('c312'); return true;">Ja</option>
            <option value="Nein"  href="#" onclick="swap_content('c312'); return true;">Nein</option>
            <option value="Problem" href="#" onclick="swap_content('c312'); return false;">Habe mit TS Probleme!</option>
            </select></td>
        </tr>
        <tr>
        <td valign="center" width="100" bgcolor="#000000"><span id="c312" style="display: none">
        <font color="#0066cc">
        <p><b><u>Teams</u>p<u>eak</u>p<u>robleme</u>&nbsp;<sup>2</sup></b></p>
        </font></td>
            <td>
            <input name="TS Probleme" size="40" /></td></span>
        </tr>

Habe eine andere Lösung hinbekommen, kann geschlossen werden