Anzeige

JavaScript select-Zugriff

JavaScript select-Zugriff | PSD-Tutorials.de

Erstellt von PeetG, 14.05.2009.

  1. PeetG

    PeetG Guest

    JavaScript select-Zugriff
    Hallo,

    wenn ich ein JavaScript Menü, wie dieses hier habe:

    HTML:
    1.  
    2.     <select name="operation" id="operation">
    3.         <option value=0 id="0">wert1</option>
    4.         <option value=1 id="1">wert2</option>
    5.         <option value=2 id="2">wert3</option>
    6.         <option value=3 id="3">wert4</option>
    7.     </select>
    8.  
    wie kann ich dann in einer JavaScript-Funktion auf die einzelnen Optionsfelder zugreifen ?
     
    #1      
  2. leohh

    leohh CSS verliebt

    Dabei seit:
    19.06.2008
    Beiträge:
    244
    JavaScript select-Zugriff
    AW: JavaScript select-Zugriff

    getElementById...
    Btw: fuer ich ist das HTML und nicht Javascript
     
    Zuletzt bearbeitet: 14.05.2009
    #2      
  3. sokie

    sokie Mod | Web

    Dabei seit:
    23.03.2008
    Beiträge:
    5.338
    Geschlecht:
    männlich
    Ort:
    Bünde NRW
    Software:
    <br>COREL <br> Texteditor
    JavaScript select-Zugriff
    AW: JavaScript select-Zugriff

    zB so:
    HTML:
    1.  
    2. <script type="text/javascript">
    3. function initialisiere(){
    4.   el = document.getElementsByName("operation")[0];
    5.   el.onchange = function(){
    6.   alert(this.value);
    7.   }
    8. }
    9. </head>
    10. <body onload="initialisiere()">
    11.     <select name="operation" id="operation">
    12.         <option value=0 id="0">wert1</option>
    13.         <option value=1 id="1">wert2</option>
    14.         <option value=2 id="2">wert3</option>
    15.         <option value=3 id="3">wert4</option>
    16.     </select>
    17. </form>
    18. </body>
    19. </html>
    20.  
    wobei du statt per alert(this.value); einfach auszugeben auch deinen beliebigen anweisungsblock formulieren kannst.
     
    #3      
Seobility SEO Tool
x
×
×