Überprüfung von DropDown Menü per JavaScript

Diskutiere Überprüfung von DropDown Menü per JavaScript im JavaScript Forum im Bereich Programmierung; Ich zerhäcksel den HTML Code mal n bisschen, wird sonst extrem viel^^ Im HTML Teil: <input type="radio" name="FKn1" value="ist Krass 1"...
Neues Thema erstellen Antworten
  • Überprüfung von DropDown Menü per JavaScript Beitrag #1
P
Paze
Active member
Beiträge
39
Punkte Reaktionen
0
Ich zerhäcksel den HTML Code mal n bisschen, wird sonst extrem viel^^

Im HTML Teil:
HTML: 
    <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: 
<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(" "+art);
Fneu.document.close();

}
//-->
 
  • Überprüfung von DropDown Menü per JavaScript Beitrag #2
developr
developr
Teammitglied
Beiträge
336
Punkte Reaktionen
0
AW: Überprüfung der Radiobuttons per JavaScript

Könntest du vielleicht doch den kompletten HTML Code posten, dann kann es das Problem reproduzieren :).
 
  • Überprüfung von DropDown Menü per JavaScript Beitrag #3
P
Paze
Active member
Beiträge
39
Punkte Reaktionen
0
AW: Überprüfung der Radiobuttons per JavaScript

HTML: 
<!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(" "+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
 
  • Überprüfung von DropDown Menü per JavaScript Beitrag #4
developr
developr
Teammitglied
Beiträge
336
Punkte Reaktionen
0
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: 
<!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(" "+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>
 
  • Überprüfung von DropDown Menü per JavaScript Beitrag #5
P
Paze
Active member
Beiträge
39
Punkte Reaktionen
0
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 :eek:.

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

lg Paze
 
  • Überprüfung von DropDown Menü per JavaScript Beitrag #6
developr
developr
Teammitglied
Beiträge
336
Punkte Reaktionen
0
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.
 
  • Überprüfung von DropDown Menü per JavaScript Beitrag #7
P
Paze
Active member
Beiträge
39
Punkte Reaktionen
0
Joa. Das reicht mir... :D
Muss dieses Forum auf jedenfall bekannt machen.
Top Admin :cool:
----

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 :rolleyes:

HTML: 
<!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 :p

lg Paze
 
  • Überprüfung von DropDown Menü per JavaScript Beitrag #8
developr
developr
Teammitglied
Beiträge
336
Punkte Reaktionen
0
Paze schrieb:
Joa. Das reicht mir... :D
Muss dieses Forum auf jedenfall bekannt machen.
Top Admin :cool:
Zum Vergrößern anklicken....

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 ;)!
 
  • Überprüfung von DropDown Menü per JavaScript Beitrag #9
P
Paze
Active member
Beiträge
39
Punkte Reaktionen
0
Joa.....aber ich mags selber net, wenns unnötig viel ist. Ich denke ich sollte einfach mal PHP lernen....irgendwann....

Falls du noch Hilfe benötigen solltest, einfach fragen ;)!
Zum Vergrößern anklicken....
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
 
  • Überprüfung von DropDown Menü per JavaScript Beitrag #10
developr
developr
Teammitglied
Beiträge
336
Punkte Reaktionen
0
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 :).
 
Thema:

Überprüfung von DropDown Menü per JavaScript

Oben Unten