Intelligentes Formular | Webstatt.org Community

user-210

10.01.2007 19:43

Hi,
Ich bin auf der Suche nach ein paar Codeschnipseln für ein intelligentes Formular mit JavaScript. Man soll mit einem Dropdownmenü das darunterliegende Formular beeinflußen können, also je nachdem was man auswählt sieht das Formular anders aus.
Inaktive Formularelemente sollen komplett ausgeblendet werden.

Gibt es sowas? Kann mir jemand helfen?

Sie haben soeben die Position Ihres Mauszeigers auf dem Monitor verändert. Bitte starten sie Windows neu damit die Änderungen wirksam werden.

user-149

10.01.2007 19:47

Dies könntest du mit einigen Span's lösen.
Per Javascript wird das jeweilige Form/der Text im Span liegendem Bereich eingeblendet.

Wenn du den Code willst, wende dich an mich zwinkern

user-210

13.01.2007 11:40

Genau sowas hatte ich auch schon überlegt, kann es nur nicht umsetzen.
Wäre nett wenn ihr mir mit paar Codeschnipseln weiterhelfen könntet lächeln

Sie haben soeben die Position Ihres Mauszeigers auf dem Monitor verändert. Bitte starten sie Windows neu damit die Änderungen wirksam werden.

user-203

13.01.2007 11:47

Naja, dann kriegt das <select>-Element ein onChange-Attribut, durch das ein Javascript die Auswahlmöglichkeit überprüft und andere Elemente ein- oder ausblendet (Sprichwort CSS: display )

Denkt dran, Kinder auf dem Rücksitz verursachen Unfälle, Unfälle auf dem Rücksitz verursachen Kinder.

user-149

14.01.2007 02:42

Javascript:



  <script language="JavaScript" type="text/javascript">

   function ChangeForm (Number) {

    if (Number == "1" {

     document.getElementById("Form1".style.display = "";

     document.getElementById("Form2".style.display = "none";

     document.getElementById("Form3".style.display = "none";

     document.getElementById("Form4".style.display = "none";

    }

    if (Number == "2" {

     document.getElementById("Form1".style.display = "none";

     document.getElementById("Form2".style.display = "";

     document.getElementById("Form3".style.display = "none";

     document.getElementById("Form4".style.display = "none";

    }

    if (Number == "3" {

     document.getElementById("Form1".style.display = "none";

     document.getElementById("Form2".style.display = "none";

     document.getElementById("Form3".style.display = "";

     document.getElementById("Form4".style.display = "none";

    }

    if (Number == "4" {

     document.getElementById("Form1".style.display = "none";

     document.getElementById("Form2".style.display = "none";

     document.getElementById("Form3".style.display = "none";

     document.getElementById("Form4".style.display = "";

    }

   }

 </script>

Den Javascript einfach nach belieben erweitern (wenn du mehr brauchst und nicht weiterkommst, sag bescheid)

Hier das Select zum wechseln:



<form name="wechseln">

 <select name="wechselnsel" onChange="ChangeForm(options[this]);">

  <option value="1">Form1</option>

  <option value="2">Form2</option>

  <option value="3">Form3</option>

  <option value="4">Form4</option>

 </select>

</form>