✔ Formulardaten an Script übertragen

Mayday171

Mayday171

Erfahrenes Mitglied
Hallo

Hab versucht Formulardaten (Radio-Buttons) an ein Script zu übertragen, welches dann diese Daten weiter verarbeitet.Hab zunächst nur alert verwendet um zu sehen ob es überhaupt funktioniert. Später soll dann noch eine bestimmte html in einen I-Frame geladen werden, ganz nachdem welcher value gegeben ist....

Was ist aber jetzt erst einmal daran falsch?

HTML: 
<HTML><HEAD>
<script type="text/javascript">
<!--
function horoskop(){
a = document.form1;
if (a.horoskop.value == "Wassermann"){alert("TEST");}
}
//-->
</script>
<TITLE>Horrorskop</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2800.1106" name=GENERATOR></HEAD>
<BODY text=#000000 bgColor=#ffffff>
<form name="form1" method="get" onsubmit="return horoskop()" >
<p align=center ><b>In welchen Zeitraum bist du geboren?</b>
<table width="0%" border="0" cellspacing="5" cellpadding="0">
<tr>
  <td><p>vom 21.01 bis 19.02</td>
  <td><input type="radio" name="horoskop" value="Wassermann"></td>
</tr>
<tr>
  <td><p>vom 20.02 bis 20.03</td>
  <td><input type="radio" name="horoskop" value="Fische"></td>
</tr>
<tr>
  <td><p>vom 21.03 bis 20.04</td>
  <td><input type="radio" name="horoskop" value="Widder"></td>
</tr>
<tr>
  <td><p>vom 21.04 bis 20.05</td>
  <td><input type="radio" name="horoskop" value="Stier"></td>
</tr>
<tr>
  <td><p>vom 21.05 bis 21.06</td>
  <td><input type="radio" name="horoskop" value="Zwilling"></td>
</tr>
<tr>
  <td><p>vom 22.06 bis 22.07</td>
  <td><input type="radio" name="horoskop" value="Krebs"></td>
</tr>
<tr>
  <td><p>vom 23.07 bis 23.08</td>
  <td><input type="radio" name="horoskop" value="Löwe"></td>
</tr>
<tr>
  <td><p>vom 24.08 bis 23.09</td>
  <td><input type="radio" name="horoskop" value="Jungfrau"></td>
</tr>
<tr>
  <td><p>vom 24.09 bis 23.10</td>
  <td><input type="radio" name="horoskop" value="Waage"></td>
</tr>
<tr>
  <td><p>vom 24.10 bis 22.11</td>
  <td><input type="radio" name="horoskop" value="Skorpion"></td>
</tr>
<tr>
  <td><p>vom 23.11 bis 21.12</td>
  <td><input type="radio" name="horoskop" value="Schütze"></td>
</tr>
<tr>
  <td><p>vom 22.12 bis 20.01</td>
  <td><input type="radio" name="horoskop" value="Steinbock"></td>
</tr>
</table>
 <input type="submit" name="Button" value="Horrorskop abfragen">
</form>



</BODY></HTML>

MfG
 
1.) Du solltest keine Namen vergeben, wie wie Funktionen heißen, also benn' am besten die Funktion horoskop() oder die Radios mit name="horoskop" um.

2.) document.form1.horoskop ist ein Array mit Referenezen zu allen Radiobuttons mit dem namen="horoskop" und Arrays haben nunmal keine value-Eigenschaft, die du mit "Wassermann" vegleichen könntest. Du müsst also die eigentlichen Arrayelemente einer Schleife Vergleichen.

Ich habe zum testen die Funktion horoskop() in horo() umbenannt und die Schleife aus 2.) eingefügt - das funktioniert auf jeden Fall im IE6 und Moz 1.7:
HTML: 
<HTML><HEAD>
      <script type="text/javascript">
      <!--
      function horo() {
      	a = document.form1;
      	for (i=0; i<a.horoskop.length; i++) {
      		b = a.horoskop[i]
      		if (b.checked && b.value == "Wassermann") {
      			alert("TEST");
      		}
      	}
      }
      //-->
      </script>
      <TITLE>Horrorskop</TITLE>
      <META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
      <META content="MSHTML 6.00.2800.1106" name=GENERATOR></HEAD>
      <BODY text=#000000 bgColor=#ffffff>
      <form name="form1" method="get" onsubmit="return horo()" >
      <p align=center ><b>In welchen Zeitraum bist du geboren?</b>
      <table width="0%" border="0" cellspacing="5" cellpadding="0">
      <tr>
      <td><p>vom 21.01 bis 19.02</td>
      <td><input type="radio" name="horoskop" value="Wassermann"></td>
      </tr>
      <tr>
      <td><p>vom 20.02 bis 20.03</td>
      <td><input type="radio" name="horoskop" value="Fische"></td>
      </tr>
      <tr>
      <td><p>vom 21.03 bis 20.04</td>
      <td><input type="radio" name="horoskop" value="Widder"></td>
      </tr>
      <tr>
      <td><p>vom 21.04 bis 20.05</td>
      <td><input type="radio" name="horoskop" value="Stier"></td>
      </tr>
      <tr>
      <td><p>vom 21.05 bis 21.06</td>
      <td><input type="radio" name="horoskop" value="Zwilling"></td>
      </tr>
      <tr>
      <td><p>vom 22.06 bis 22.07</td>
      <td><input type="radio" name="horoskop" value="Krebs"></td>
      </tr>
      <tr>
      <td><p>vom 23.07 bis 23.08</td>
      <td><input type="radio" name="horoskop" value="Löwe"></td>
      </tr>
      <tr>
      <td><p>vom 24.08 bis 23.09</td>
      <td><input type="radio" name="horoskop" value="Jungfrau"></td>
      </tr>
      <tr>
      <td><p>vom 24.09 bis 23.10</td>
      <td><input type="radio" name="horoskop" value="Waage"></td>
      </tr>
      <tr>
      <td><p>vom 24.10 bis 22.11</td>
      <td><input type="radio" name="horoskop" value="Skorpion"></td>
      </tr>
      <tr>
      <td><p>vom 23.11 bis 21.12</td>
      <td><input type="radio" name="horoskop" value="Schütze"></td>
      </tr>
      <tr>
      <td><p>vom 22.12 bis 20.01</td>
      <td><input type="radio" name="horoskop" value="Steinbock"></td>
      </tr>
      </table>
      <input type="submit" name="Button" value="Horrorskop abfragen">
      </form>
      
      
      
      </BODY></HTML>
 
Zuletzt bearbeitet:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück