Überprüfung von DropDown Menü per JavaScript

Paze · 15.05.2009, 09:25

Ich zerhäcksel den HTML Code mal n bisschen, wird sonst extrem viel^^

Im HTML Teil:

HTML-Code:

 <input type="radio" name="FKn1" value="ist Krass 1" ><select name="dropdown"><option name="ersie" value="Er">Er</option><option name="ersie" value="Sie">Sie</option></select> ist Krass 1<br />
    <input type="radio" name="FKn1" value="Krass 2" >Krass 2<br />

  </p>
         <input type="button" value="Wer ist Krass?" onclick="fenster1()" >

So, und das was man im Dropdown Menü auswählt, soll in der "var ges" stehen, dachte vllt. geht das nun einfacher über ne if else abfrage, aber....NEIN =(

HTML-Code:

<script type="text/javascript">
<!--
function getCheckedValue(radioObj) {
    if(!radioObj)
        return "";
    var radioLength = radioObj.length;
    if(radioLength == undefined)
        if(radioObj.checked)
            return radioObj.value;
        else
            return "";
    for(var i = 0; i < radioLength; i++) {
        if(radioObj[i].checked) {
            return radioObj[i].value;
        }
    }
    return "";
}
function fenster1()
{
var Fneu;
var art = getCheckedValue(document.Formular.FKn1);
var ges
if (document.getElementByValue == WAS MUSS HIER HIN!?!?)
    {
         ges = "Sie";
         }
else
    {
         var ges = "Er";
         }

Fneu = window.open("","Bestätigung","width=340, height=150");
Fneu.document.open("text/html");
Fneu.document.write(""+ges);
Fneu.document.write("&nbsp;"+art);
Fneu.document.close();

}
//-->

***developr*** · 15.05.2009, 09:49

Könntest du vielleicht doch den kompletten HTML Code posten, dann kann es das Problem reproduzieren

.

Paze · 15.05.2009, 09:52

HTML-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript">
<!--
function getCheckedValue(radioObj) {
    if(!radioObj)
        return "";
    var radioLength = radioObj.length;
    if(radioLength == undefined)
        if(radioObj.checked)
            return radioObj.value;
        else
            return "";
    for(var i = 0; i < radioLength; i++) {
        if(radioObj[i].checked) {
            return radioObj[i].value;
        }
    }
    return "";
}
function fenster1()
{
var Fneu;
var art = getCheckedValue(document.Formular.FKn1);
var ges
if (document.getElementByValue == WAS MUSS HIER HIN!?!?)
    {
         ges = "Sie";
         }
else
    {
         ges = "Er";
         }

Fneu = window.open("","Bestätigung","width=340, height=150");
Fneu.document.open("text/html");
Fneu.document.write(""+ges);
Fneu.document.write("&nbsp;"+art);
Fneu.document.close();

}
//-->
</script>
<title>Zahlung</title>
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<h1>Arbeitszeugnis</h1>
<br />
<br />
<br />
<form action=""  name="Formular" >
  <p>Hierbei handelt es sich um Note 1:</p>
  <p>
    <input type="radio" name="FKn1" value="ist Krass 1" ><select name="dropdown"><option name="ersie" value="Er">Er</option><option name="ersie" value="Sie">Sie</option></select> ist Krass 1<br />
    <input type="radio" name="FKn1" value="Krass 2" >Krass 2<br />

  </p>
         <input type="button" value="Wer ist Krass?" onclick="fenster1()" >

</form>
</body>
</html>

ich hab mal die ganzen Texte die sonst noch so drin waren rausgeschmissen... denke nicht das dir der Quelltext sehr viel weiterhilft.

Auf jedenfall danke, dass du soviel Zeit darin investierst.

lg Paze

***developr*** · 15.05.2009, 10:08

Habe den Absatz mit dem getElementById rausgenommen, das geht viel einfacher

. Das select Feld kann einfach über document.Formular.ges.value abgefragt werden.

Übrigens war die Syntax deines Select Feldes falsch

. Hab es korrigiert, kannst dir also die Stelle mal anschauen und mit deiner Version vergleichen. Jede <option> braucht nämlich kein "name" Attribut.

HTML-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript">
<!--
function getCheckedValue(radioObj) {
    if(!radioObj)
        return "";
    var radioLength = radioObj.length;
    if(radioLength == undefined)
        if(radioObj.checked)
            return radioObj.value;
        else
            return "";
    for(var i = 0; i < radioLength; i++) {
        if(radioObj[i].checked) {
            return radioObj[i].value;
        }
    }
    return "";
}
function fenster1()
{
var Fneu;
var art = getCheckedValue(document.Formular.FKn1);
var ges = document.Formular.ges.value;
Fneu = window.open("","Bestätigung","width=340, height=150");
Fneu.document.open("text/html");
Fneu.document.write(""+ges);
Fneu.document.write("&nbsp;"+art);
Fneu.document.close();

}
//-->
</script>
<title>Zahlung</title>
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<h1>Arbeitszeugnis</h1>
<br />
<br />
<br />
<form action=""  name="Formular" >
  <p>Hierbei handelt es sich um Note 1:</p>
  <p>
    <input type="radio" name="FKn1" value="ist Krass 1" >
    <select name="ges">
        <option value="Er">Er</option>
        <option value="Sie">Sie</option>
    </select>
    ist Krass 1<br />
    <input type="radio" name="FKn1" value="Krass 2" >Krass 2<br />

  </p>
         <input type="button" value="Wer ist Krass?" onclick="fenster1()" >

</form>
</body>
</html>

Paze · 15.05.2009, 10:54

Danke dir, funktioniert natürlich wieder 1a *freu*

Aber mir ist gerade was aufgefallen, dass es mit den Dropdown Menü's garnicht realisierbar ist. Wäre nu zu mühsam es zu versuchen es zu erkären, ich tu es selber nicht einmal

.

Ich wurstl mich nu mal halbwegs weiter.
Bist du am Wochenende hier auch erreichbar, oder nimmst du dir selbst ne Pause?

lg Paze

***developr*** · 15.05.2009, 11:16

Dieses Wochenende ist vermutlich nicht großartig was geplant. Ich schaue zumindest das ein oder andere Mal am Tag hier rein

.

Bekomme als Admin übrigens auch über jedes neu eröffnete Thema eine E-Mail. Wenn ich dann gerade am Rechner bin, antworte ich meist auch recht zügig.

Paze · 15.05.2009, 11:37

Joa. Das reicht mir...

Muss dieses Forum auf jedenfall bekannt machen.
Top Admin

----

Also, wie gesagt, das Dropdown menü is weg, war einfach nicht realisierbar (zumindest nich unter 2GB .js-Dateien

)

Nu mach ich einfach das ganze ding mal 2, einmal im "er/seine/Herr" und einmal im "sie,ihre,Frau".... mehr für mich, dafür nur Copy & paste

HTML-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript">
<!--
function getCheckedValue(radioObj) {
    if(!radioObj)
        return "";
    var radioLength = radioObj.length;
    if(radioLength == undefined)
        if(radioObj.checked)
            return radioObj.value;
        else
            return "";
    for(var i = 0; i < radioLength; i++) {
        if(radioObj[i].checked) {
            return radioObj[i].value;
        }
    }
    return "";
}
function fenster()
{
var Fneu;
var ver = getCheckedValue(document.Formular.FK);
var ver1 = getCheckedValue(document.Formular.LE);
var ver2 = getCheckedValue(document.Formular.BE);
var ver3 = getCheckedValue(document.Formular.AW);
var ver4 = getCheckedValue(document.Formular.AE);
var ver5 = getCheckedValue(document.Formular.VE);

Fneu = window.open("","Bestätigung","width=340, height=150");
Fneu.document.open("text/html");
Fneu.document.write(""+ver);
Fneu.document.write("<br />"+ver1);
Fneu.document.write("<br />"+ver2);
Fneu.document.write("<br />"+ver3);
Fneu.document.write("<br />"+ver4);
Fneu.document.write("<br />"+ver5);


Fneu.document.close();

}
//-->
</script>
<title>Zahlung</title>
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<h1>Arbeitszeugnis</h1>
<br />
<br />
<br />
<form action=""  name="Formular" >
<h3>Fachkenntnise:</h3>

  <p>Die Optionen entsprrechen der Note 1:</p>
  <p>
    <input type="radio" name="FK" value="Sie verfügt über fundierte Fachkenntnisse, die sie in Ihrem Aufgabengebiet erfolgreich einsetzte.">
                                         Sie verfügt über fundierte Fachkenntnisse, die sie in Ihrem Aufgabengebiet erfolgreich einsetzte.<br />
    <input type="radio" name="FK" value="Aufgrund ihrer Fachkenntnisse konnte Frau XXX wiederholt mit schwierigen Aufgaben betraut werden, die sie völlig selbständig erfolgreich bearbeitete." >
                                         Aufgrund ihrer Fachkenntnisse konnte Frau XXX wiederholt mit schwierigen Aufgaben betraut werden, die sie völlig selbständig erfolgreich bearbeitete.<br />

  </p>
   <p>Die Optionen entsprrechen der Note 2:</p>
  <p>
    <input type="radio" name="FK" value="Sie setzte ihre umfassenden Fachkenntnisse erfolgreich ein.">
                                         Sie setzte ihre umfassenden Fachkenntnisse erfolgreich ein.<br />
    <input type="radio" name="FK" value="Sie war stets engagiert und aufgrund ihrer guten Fähigkeiten vielseitig einsetzbar." >
                                         Sie war stets engagiert und aufgrund ihrer guten Fähigkeiten vielseitig einsetzbar.<br />

  </p>
    <p>Die Optionen entsprrechen der Note 3:</p>
  <p>
    <input type="radio" name="FK" value="Sie zeigte gute Fachkenntnisse.">
                                         Sie zeigte gute Fachkenntnisse.<br />
    <input type="radio" name="FK" value="Sie verfügt über fundierte Fachkenntnisse." >
                                         Sie verfügt über fundierte Fachkenntnisse.<br />

  </p>
   <p>Die Optionen entsprrechen der Note 4:</p>
  <p>
    <input type="radio" name="FK" value="Sie verfügt über das erforderliche Fachwissen">
                                         Sie verfügt über das erforderliche Fachwissen<br />
    <input type="radio" name="FK" value="Aufgrund ihrer Fachkenntnisse konnte Frau xy wiederholt mit schwierigen Aufgaben betraut werden, die sie völlig selbständig erfolgreich bearbeitete." >
                                         Aufgrund ihrer Fachkenntnisse konnte Frau xy wiederholt mit schwierigen Aufgaben betraut werden, die sie völlig selbständig erfolgreich bearbeitete.<br />

  </p>
     <p>Die Optionen entsprrechen der Note 5:</p>
  <p>
    <input type="radio" name="FK" value="Sie verfügt über fundierte Fachkenntnisse, die sie in Ihrem Aufgabengebiet erfolgreich eingesetzte.">
                                         Sie verfügt über fundierte Fachkenntnisse, die sie in Ihrem Aufgabengebiet erfolgreich eingesetzte.<br />
    <input type="radio" name="FK" value="Aufgrund ihrer Fachkenntnisse konnte Frau xy wiederholt mit schwierigen Aufgaben betraut werden, die sie völlig selbständig erfolgreich bearbeitete." >
                                         Aufgrund ihrer Fachkenntnisse konnte Frau xy wiederholt mit schwierigen Aufgaben betraut werden, die sie völlig selbständig erfolgreich bearbeitete.<br />

  </p>
<h3>Leistung:</h3>

  <p>Die Optionen entsprrechen der Note 1:</p>
  <p>
    <input type="radio" name="LE" value="Sie zeigte stets Initiative, großen Fleiß und Eifer.">
                                         Sie zeigte stets Initiative, großen Fleiß und Eifer.<br />
    <input type="radio" name="LE" value="Sie zeichnete sich stets durch eine vorbildliche Arbeitsauffassung aus" >
                                         Sie zeichnete sich stets durch eine vorbildliche Arbeitsauffassung aus<br />

  </p>
   <p>Die Optionen entsprrechen der Note 2:</p>
  <p>
    <input type="radio" name="LE" value="Sie identifizierte sich mit ihrer Aufgabe und zeigte überdurchschnittliche Einsatzbereitschaft.">
                                         Sie verfügt über fundierte Fachkenntnisse, die sie in Ihrem Aufgabengebiet erfolgreich eingesetzte.<br />
    <input type="radio" name="LE" value="Aufgrund ihrer Fachkenntnisse konnte Frau xy wiederholt mit schwierigen Aufgaben betraut werden, die sie völlig selbständig erfolgreich bearbeitete." >
                                         Aufgrund ihrer Fachkenntnisse konnte Frau xy wiederholt mit schwierigen Aufgaben betraut werden, die sie völlig selbständig erfolgreich bearbeitete.<br />

  </p>
    <p>Die Optionen entsprrechen der Note 3:</p>
  <p>
    <input type="radio" name="LE" value="Sie verfügt über fundierte Fachkenntnisse, die sie in Ihrem Aufgabengebiet erfolgreich eingesetzte.">
                                         Sie verfügt über fundierte Fachkenntnisse, die sie in Ihrem Aufgabengebiet erfolgreich eingesetzte.<br />
    <input type="radio" name="LE" value="Aufgrund ihrer Fachkenntnisse konnte Frau xy wiederholt mit schwierigen Aufgaben betraut werden, die sie völlig selbständig erfolgreich bearbeitete." >
                                         Aufgrund ihrer Fachkenntnisse konnte Frau xy wiederholt mit schwierigen Aufgaben betraut werden, die sie völlig selbständig erfolgreich bearbeitete.<br />

  </p>
   <p>Die Optionen entsprrechen der Note 4:</p>
  <p>
    <input type="radio" name="LE" value="Sie verfügt über fundierte Fachkenntnisse, die sie in Ihrem Aufgabengebiet erfolgreich eingesetzte.">
                                         Sie verfügt über fundierte Fachkenntnisse, die sie in Ihrem Aufgabengebiet erfolgreich eingesetzte.<br />
    <input type="radio" name="LE" value="Aufgrund ihrer Fachkenntnisse konnte Frau xy wiederholt mit schwierigen Aufgaben betraut werden, die sie völlig selbständig erfolgreich bearbeitete." >
                                         Aufgrund ihrer Fachkenntnisse konnte Frau xy wiederholt mit schwierigen Aufgaben betraut werden, die sie völlig selbständig erfolgreich bearbeitete.<br />

  </p>
     <p>Die Optionen entsprrechen der Note 5:</p>
  <p>
    <input type="radio" name="LE" value="Sie verfügt über fundierte Fachkenntnisse, die sie in Ihrem Aufgabengebiet erfolgreich eingesetzte.">
                                         Sie verfügt über fundierte Fachkenntnisse, die sie in Ihrem Aufgabengebiet erfolgreich eingesetzte.<br />
    <input type="radio" name="LE" value="Aufgrund ihrer Fachkenntnisse konnte Frau xy wiederholt mit schwierigen Aufgaben betraut werden, die sie völlig selbständig erfolgreich bearbeitete." >
                                         Aufgrund ihrer Fachkenntnisse konnte Frau xy wiederholt mit schwierigen Aufgaben betraut werden, die sie völlig selbständig erfolgreich bearbeitete.<br />

  </p>

         <input type="button" value="Erstellen" onclick="fenster()" >

</form>
</body>
</html>

Ja, Schreibfehler werden noch entfernt, auch das Design, Formatierung kommt alles noch

lg Paze

***developr*** · 15.05.2009, 11:48

Zitat:

Zitat von Paze

Joa. Das reicht mir...

Muss dieses Forum auf jedenfall bekannt machen.
Top Admin

Danke, danke, danke

.

Wenn es funktioniert, dann interessiert es hinterher eh niemanden mehr, WIE es funktioniert

. Zumal es ja nur für den Eigengebrauch ist. Falls du noch Hilfe benötigen solltest, einfach fragen

!

Paze · 15.05.2009, 12:01

Joa.....aber ich mags selber net, wenns unnötig viel ist. Ich denke ich sollte einfach mal PHP lernen....irgendwann....

Zitat:

Falls du noch Hilfe benötigen solltest, einfach fragen

!

Mich wirste eh nichmehr los :P

Ich mach auch Privat viel mit HTML, CSS, JavaScript und Co. und stosse auch dort oft auf meine Grenzen.

lg Paze

***developr*** · 15.05.2009, 12:04

So habe ich ja auch angefangen (vor 4 Jahren), alles "learning by doing"

.
Wie gut, dass wir hier auch ein Unterforum für PHP haben

.

15.05.2009, 09:49	#2
*developr* Administrator Registriert seit: 11.11.2008 Ort: Bremen Beiträge: 260	AW: Überprüfung der Radiobuttons per JavaScript Könntest du vielleicht doch den kompletten HTML Code posten, dann kann es das Problem reproduzieren .

15.05.2009, 10:54	#5
Paze Benutzer Registriert seit: 14.05.2009 Ort: Heidelberg Beiträge: 39	AW: Überprüfung von DropDown Menü per JavaScript Danke dir, funktioniert natürlich wieder 1a freu Aber mir ist gerade was aufgefallen, dass es mit den Dropdown Menü's garnicht realisierbar ist. Wäre nu zu mühsam es zu versuchen es zu erkären, ich tu es selber nicht einmal . Ich wurstl mich nu mal halbwegs weiter. Bist du am Wochenende hier auch erreichbar, oder nimmst du dir selbst ne Pause? lg Paze

15.05.2009, 11:16	#6
*developr* Administrator Registriert seit: 11.11.2008 Ort: Bremen Beiträge: 260	AW: Überprüfung von DropDown Menü per JavaScript Dieses Wochenende ist vermutlich nicht großartig was geplant. Ich schaue zumindest das ein oder andere Mal am Tag hier rein . Bekomme als Admin übrigens auch über jedes neu eröffnete Thema eine E-Mail. Wenn ich dann gerade am Rechner bin, antworte ich meist auch recht zügig.

15.05.2009, 12:04	#10
*developr* Administrator Registriert seit: 11.11.2008 Ort: Bremen Beiträge: 260	AW: Überprüfung von DropDown Menü per JavaScript So habe ich ja auch angefangen (vor 4 Jahren), alles "learning by doing" . Wie gut, dass wir hier auch ein Unterforum für PHP haben .

Themen-Optionen	Thema durchsuchen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen	Thema durchsuchen: Erweiterte Suche

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Überprüfung der Radiobuttons per JavaScript	Paze	JavaScript	6	15.05.2009 10:20