Ergebnis 1 bis 3 von 3

Thema: Eleganter Umgang mit Formulareingaben

  1. #1

    Eleganter Umgang mit Formulareingaben

    Hallo zusammen!

    Kann mir jemand einen eleganten Loesungsansatz fuer folgendes Problem geben:


    HTML-Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
     "http://www.w3.org/TR/html4/strict.dtd">
    
    <html>
     <head>
      <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
      <script type="text/javascript">
      <!--
       function Ausgabe () {
        ausgabe = document.Formular.l1.value;
        ausgabe += document.Formular.l2.value;
        ausgabe += document.Formular.l3.value;
        ausgabe += document.Formular.l4.value;
        ausgabe += document.Formular.l5.value;
        alert(ausgabe);
    
        return true;
       }
      -->
      </script>
     </head>
     <body>
      <form name="Formular" action="auswertung.php" method="POST" onsubmit="return Ausgabe();">
       <input type="text" name="l1" value="-"> #1<br>
       <input type="text" name="l2" value="-"> #2<br>
       <input type="text" name="l3" value="-"> #3<br>
       <input type="text" name="l4" value="-"> #4<br>
       <input type="text" name="l5" value="-"> #5<br>
       <button type="submit">absenden</button>
      </form>
     </body>
    </html>
    Dies ist einfach ein Beispielcode. edit: (Ein Beispielcode. Mit 'elegant' meine ich eine Verarbeitung von weit mehr als fuenf 'input'-Feldern.) Ich wuerde das Ganze lieber kuerzer fassen als mit etlichen Anweisungen wie diesen hier:

    Code:
    ausgabe += document.Formular.[...].value;

    Geändert von Bernd_das_Brot (08.05.2010 um 13:19 Uhr)

  2. #2
    Wozu zum Henker willst du einfach nur Eingabefelder aneinander hängen?

    Aber bitte:
    Code:
       function Ausgabe () {
        var formname = "Formular";
        var ausgabe = "";
        for(var i = 0; i < document.forms[formname].elements.length; i++) {
            if(document.forms[formname].elements[i].type == "text")
                ausgabe += document.forms[formname].elements[i].value;
        }
        alert(ausgabe);
    
        return true;
       }

  3. #3
    Vielen Dank!

    Ich denke das hilft mir weiter. Wenn nicht, melde ich mich nochmal

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •