Antworten auf deine Fragen:
Neues Thema erstellen

[JAVASCRIPT] Formularsteuerung

M

mave

Nicht mehr ganz neu hier

Hallo Ihr! Habe mir was zusammengeschrieben, aber meine Birne kommt irgendwie nicht weiter... und zwar folgendes:

Das Formular besteht aus 3 Komponenten... 1x Textfeld, 2x Selectfeld... im ersten Selectfeld wird eine Thema ausgewählt... daraufhin werden die Fragen aus einem Array in das zweite Selectfeld eingelesen... funktioniert prima...

Nun möchte ich jedoch, dass das Value der eingelesenen Fragen an das Textfeld übergeben werden und ausgegeben werden... ich komm aber irgendwie nicht drauf, wie ich den Wert von Value durchs Array mit in die Frage bekomm...

Wäre spitze wenn mir da jemand weiterhelfen könnte, hier mal der Code:

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "[URL]http://www.w3.org/TR/html4/loose.dtd[/URL]">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Select</title>
  <script type="text/javascript">
  <!--
  var toadd = new Array();
  toadd["Sicherheitsbestimmungen"] = new Array();
  toadd["Sicherheitsbestimmungen"][0] = "Frage 1?";
  toadd["Sicherheitsbestimmungen"][1] = "Frage 2?";
  toadd["Sicherheitsbestimmungen"][2] = "Frage 3?";
  toadd["Sicherheitsbestimmungen"][3] = "Frage 4?";
 
  toadd["Nutzung"] = new Array();
  toadd["Nutzung"][0] = "Frage 1?";
  toadd["Nutzung"][1] = "Frage 2?";
  toadd["Nutzung"][2] = "Frage 3?";
  toadd["Nutzung"][3] = "Frage 4?";
  toadd["Nutzung"][4] = "Frage 5?";
  toadd["Nutzung"][5] = "Frage 6?";
  toadd["Nutzung"][6] = "Frage 7?";
  toadd["Nutzung"][7] = "Frage 8?";
  
  toadd["Werbemittel"] = new Array();
  toadd["Werbemittel"][0] = "Frage 1?";
  toadd["Werbemittel"][1] = "Frage 2?";
  toadd["Werbemittel"][2] = "Frage 3?";
  toadd["Werbemittel"][3] = "Frage 4?";
      
  function addOption(wert) 
  {
     if(document.myform.frage.length > 0)
     {
       document.myform.frage.length = null;
     }
     for(i=0;i < toadd[wert].length;i++)
     {
       ins = new Option(toadd[wert][i],toadd[wert][i]);
       document.myform.frage.options[document.myform.frage.length] = ins;
     }
  }
  
 function addAnswer(seect) 
 {
  var wert = select.options[select.options.selectedIndex].value;
   if (wert != "") 
 {
     document.forms[0].elements[0].value = select.options[select.options.selectedIndex].value;
   }
 }
  -->
  </script>
</head>

<body>
<form name="myform" action="test.php" method="post">
<p>
  <textarea align="center" readonly="readonly" style="font-family:Verdana; font-size:12px; overflow:auto; background-color:transparent; border:0px; text-align:left;" name="bemerkung" cols="80" rows="10"></textarea>
<p>Thema:
  <select style="width:700px;" name="thema" onChange="addOption(this.form.thema.options[this.form.thema.options.selectedIndex].value)">
    <option>--- Thema auswählen ---</option>
    <option value="Sicherheitsbestimmungen">Sicherheitsbestimmungen</option>
    <option value="Nutzung">Nutzung</option>
    <option value="Werbemittel">Werbemittel</option>
  </select>
  <br />
  Frage:
  <select style="width:700px;" name="frage" onchange="addAnswer(this);return false">
    <option>--- Frage auswählen ---</option>
  </select>
  <br />
</form>
</body>
</html>
 

AW: [JAVASCRIPT] Formularsteuerung

In der Methode addAnswer ist select nicht definiert.
Ich habe mal dem select eine id gegeben:

Code: 
<select id="thema" ...
und in der Methode kannst du dann per
Code: 
document.getElementById()
darauf zugreifen:

Code: 
function addAnswer(seect) 
 {
  var select = document.getElementById('thema');
  var wert = select.options[select.options.selectedIndex].value;
   if (wert != "") 
 {
     document.forms[0].elements[0].value = select.options[select.options.selectedIndex].value;
   }
 }

Probiers mal aus.

Gruß,
Stephan
 
AW: [JAVASCRIPT] Formularsteuerung

Code: 
function addAnswer(seect)
heisst eigentlich
Code: 
function addAnswer(select)
... kleiner Schreibfehler meinerseits...

Wenn der Fehler weg ist, wird die Frage die aus dem Array gelesen wird dann auch an die Textarea übergeben... blos ich will ja nicht die Frage, sondern die Antwort, die im Value der selektierten Frage steht an die Textarea übergeben...

Der wert für value muss per array übergeben werden und dann per JS an die Textarea übergeben werden... mich interessiert eben wie ich das realisieren kann...
 
Zuletzt bearbeitet:
AW: [JAVASCRIPT] Formularsteuerung

Sorry, das mit dem Schreibfehler hätte ich auch sehen sollen.
Aber ich steh noch ein bisschen auf dem Schlauch. Welche Antworten meinst du denn?
In deinem Code sehe ich nur die Arrays mit den Fragen. Und welchen Teil im Code genau willst du ändern?
 
AW: [JAVASCRIPT] Formularsteuerung

smcdonald schrieb:
Sorry, das mit dem Schreibfehler hätte ich auch sehen sollen.
Aber ich steh noch ein bisschen auf dem Schlauch. Welche Antworten meinst du denn?
In deinem Code sehe ich nur die Arrays mit den Fragen. Und welchen Teil im Code genau willst du ändern?
Zum Vergrößern anklicken....

Bisher hatte ich alle Fragen in einem Selectfeld... da ich jedoch mehrere Kategorien habe, wollte ich es nochmal unterteilen... d.h. Thema auswählen... dann die Frage... daraufhin kommt die Antwort in einer Textarea...

Das sah so aus:
<option value="Antwort: Die Antwort!">Frage 1?</option>

Sobald ich die Frage im Selectfeld ausgewählt hatte erschien auch die Antwort in der Textarea... diese wurde einfach aus dem Value ausgelesen und an die Textarea übergeben...

Die Fragen werden nun schon beim neuen prima übergeben... jedoch nicht das Value... woher auch?!?!?! das ist eben die Frage wie ich das machen kann... im prinzip musste ich zu jeder Frage im Array die Antwort angeben und die dann als Value mit übergeben... blos wie?!?!?!
 
AW: [JAVASCRIPT] Formularsteuerung

Hi,

was hälts du denn davon:

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Select</title>
  <script type="text/javascript">
  <!--
  var toadd = new Array();
  toadd["Sicherheitsbestimmungen"] = new Array();
  toadd["Sicherheitsbestimmungen"][0] = ["Frage 1?", "Antwort 1"];
  toadd["Sicherheitsbestimmungen"][1] = ["Frage 2?", "Antwort 2"];
  toadd["Sicherheitsbestimmungen"][2] = ["Frage 3?", "Antwort 3"];
  
  toadd["Nutzung"] = new Array();
  toadd["Nutzung"][0] = ["Frage 1?", "Antwort 1"];
  toadd["Nutzung"][1] = ["Frage 2?", "Antwort 2"];
  toadd["Nutzung"][2] = ["Frage 3?", "Antwort 3"];  
  
  toadd["Werbemittel"] = new Array(); 
  toadd["Werbemittel"][0] = ["Frage 1?", "Antwort 1"];
  toadd["Werbemittel"][1] = ["Frage 2?", "Antwort 2"];
  toadd["Werbemittel"][2] = ["Frage 3?", "Antwort 3"];
  
      
  function addOption(wert) 
  {
     if(document.myform.frage.length > 0)
     {
       document.myform.frage.length = null;
     }

    ins = new Option('--- Frage auswählen ---','--- Frage auswählen ---');
    document.myform.frage.options[document.myform.frage.length] = ins;

     for(i=0;i < toadd[wert].length;i++)
     {
       ins = new Option(toadd[wert][i][0],toadd[wert][i][1]);
       document.myform.frage.options[document.myform.frage.length] = ins;
     }
  }
  
 function addAnswer(select) 
 {
  var wert = select.options[select.options.selectedIndex].value;
   if (wert != "") 
 {
     document.forms[0].elements[0].value = select.options[select.options.selectedIndex].value;
   }
 }
  -->
  </script>
</head>

<body>
<form name="myform" action="test.php" method="post">
<p>
  <textarea align="center" readonly="readonly" style="font-family:Verdana; font-size:12px; overflow:auto; background-color:transparent; border:0px; text-align:left;" name="bemerkung" cols="80" rows="10"></textarea>
<p>Thema:
  <select style="width:700px;" name="thema" onChange="addOption(this.form.thema.options[this.form.thema.options.selectedIndex].value)">
    <option>--- Thema auswählen ---</option>
    <option value="Sicherheitsbestimmungen">Sicherheitsbestimmungen</option>
    <option value="Nutzung">Nutzung</option>
    <option value="Werbemittel">Werbemittel</option>
  </select>
  <br />
  Frage:
  <select style="width:700px;" name="frage" onchange="addAnswer(this);return false">
    <option>--- Frage auswählen ---</option>
  </select>
  <br />
</form>
</body>
</html>
 
AW: [JAVASCRIPT] Formularsteuerung

genau das meinte ich... und wie ich es mir gedacht hab war ich einfach zu blöd grade... GROßES DANKESCHÖN!
 
AW: [JAVASCRIPT] Formularsteuerung

Besteht eigentlich die Möglichkeit den Text irgendwie in <div> auszugeben anstatt in einer Textarea... wegen der Formatierung vom Text...
 
AW: [JAVASCRIPT] Formularsteuerung

ganz einfach per Element.innerHTML=... , z.B.:document.getElementById('ausgabe').innerHTML='<b>Beispiel</b>';
 
AW: [JAVASCRIPT] Formularsteuerung

So.. die id verweist auf die Tabelle...

Code: 
document.getElementById('antworttext').innerHTML = select.options[select.options.selectedIndex].value;
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden
Zu den Gratis-Inhalten

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Keine Mitglieder online.
Gesamt: 965 (Mitglieder: 0, Gäste: 965)

Statistik des Forums

Themen
118.940
Beiträge
1.540.016
Mitglieder
68.075
Neuestes Mitglied
falke69
Oben