Hendric: mit Java-Script im Drop-Down selektieren Wert ausgeben

Das JavaScript soll mir den im Drop-Down-Menü selektierten Wert ausgeben. Klappt so leider nicht. Was mache ich falsch?

<html>
 <head>
   <script type="text/javascript">
     function CheckAuswahl ()
     {
       alert(Testform.Auswahl.selected);
       return true;
     }
   </script>
 </head>

<body>
   <form name="Testform" onsubmit="return CheckAuswahl()" action="">
     <select name="Auswahl" size="5">
       <option>Goethe</option>
       <option>Schiller</option>
       <option>Guildo Horn</option>
       <option>Homer</option>
       <option>Fontane</option>
     </select>
     <br>
       <input type="submit">
   </form>
 </body>
</html>

  1. Hallo,

    Das JavaScript soll mir den im Drop-Down-Menü selektierten Wert ausgeben. Klappt so leider nicht. Was mache ich falsch?

    bevor du einen klomplizierten Ausdruck auswertest, könntest du mit einem einfachen anfangen ...

      
    
    >      function CheckAuswahl ()  
    >      {  
    
              alert("Testform: " + Testform);  
      
    
    >        alert(Testform.Auswahl.selected);  
    >        return true;  
    >      }  
    
    

    und dann nochmal die Formularseiten genauer lesen

    Gruß plan_B

    --
         *®*´¯`·.¸¸.·
    1. es ist wirklich ein Jammer, dass in allen Beispielen wie auch hier http://de.selfhtml.org/javascript/objekte/options.htm#selected@title=options.htm#selected so wenig Gebrauch von  http://de.selfhtml.org/javascript/sprache/objekte.htm#this@title=this gemacht wird.

      damit lassen sich Formularelemente doch viel einfacher ansprechen ...

        
      function CheckAuswahl (form_elem) {  
        alert("form_elem.name: "+ form_elem.name);  
        
        if (form_elem.Auswahl.options[2].selected ) {  
          alert("Diese Auswahl gilt nicht");  
          return false;  
        }  
        return true;  
      }  
        
      function change_sel(elem) {  
       alert("Element.name: " elem.name  
         + "\n selectedIndex: "+ elem.selectedIndex);  
      }  
      
      
        
      <form name="Testform" onsubmit="return CheckAuswahl(this)" action="">  
      <select name="Auswahl" size="5" onchange="change_sel(this)">  
      <option>Goethe</option>  
      ...  
      </select>  
      <br>  
      <input type="submit">  
      </form>  
      
      

      Gruß plan_B

      --
           *®*´¯`·.¸¸.·