[JavaScript] select onclick

Dieses Thema im Forum "Webentwicklung" wurde erstellt von gummel, 4. Juli 2008 .

  1. 4. Juli 2008
    select onclick

    Und zwar hätte ich das gern so, wenn man in den select box auf etwas klickt soll er eine bestimmte sachen wiedergeben, im ff klappt sowas auch ganz gut, nur im ie klappt das mal wieder nicht ... ich hab gelesen, das man das in der selectbox über onchange händeln muss. nur leider klappt das nicht so wie ich möchte.

    kann mir da evtl. jemand helfen? hier der aktuelle code

    Code:
     
    <tr>
    
     <td>
     <select onclick="ajaxFunctionauswahl(this.options[this.selectedIndex].value)" name="klinkerauswahl" id="klinkerauswahl" size="6">
    
     <option value="standard">Standard Steine (Preisklasse 1)</option>
     <option value="premium">Premium Steine (Preisklasse 2)</option>
     <option value="exklusiv">Exklusiv Steine (Preisklasse 3)</option>
     </select></td>
    
     </tr>
     <script language="javascript" type="text/javascript">
    <!--
    function ajaxFunctionauswahl(klinkerauswahl){
    
    var klasse = klinkerauswahl;
    
     if(klinkerauswahl == "standard"){
    document.getElementById('farbauswahl').innerHTML = "text der ausgegeben wird";
    }
    if(klasse == "premium"){
    document.getElementById('farbauswahl').innerHTML = "text der ausgegeben wird";
    }
    if(klasse == "exklusiv"){
    document.getElementById('farbauswahl').innerHTML = "text der ausgegeben wird";
    }
    }
    
    -->
    </script>
     
  2. 4. Juli 2008
    AW: select onclick

    wie wärs damit:
    HTML:
    <select onChange="ajaxFunctionauswahl(this.options[this.selectedIndex].value)" name="klinkerauswahl" id="klinkerauswahl" size="6">
    
    ich verstehe grad nicht, wo da dein problem ist
     
  3. 4. Juli 2008
    AW: select onclick

    naja, mein problem ist, das es im ff klappt und im ie nicht^^ im ie bekomm ich nur ne leere ausgabe :/
     
  4. 4. Juli 2008
    AW: select onclick

    also ich hab "leider" nur FF3 und IE7 zur verfügung
    aber bei denen funktioniert das ganze mit onClick und onChange gleichermaßen
     
  5. 4. Juli 2008
    AW: select onclick

    Naja, wenn das funzt, dann muss ich ja irgendwas falsch gemacht haben!? ... ich wüsste aber nicht was ... bei mir funktioniert das im ff2 und ff3 ohne probs ... im ie 7 und ie6 nicht ...
     
  6. 4. Juli 2008
    AW: select onclick

    JS im Browser deaktiviert?

    Gruß,
    Figger
     
  7. 4. Juli 2008
    AW: select onclick

    sicher nicht^^ Der rest funzt ja, nur halt nicht die Auswahl über die select box :/

    Edit: BW's sind raus
     
  8. 4. Juli 2008
    AW: select onclick

    als webentwickler is vielleicht folgendes für dich interessant:
    webthreads.de &raquo; IE 6 und IE 7 parallel installieren


    so nun zum problem:
    HTML:
    <html>
     <head>
     <title>Select Options</title>
     <script type="text/javascript">
     //<![CDATA[
     function alertSelectedValue(select) {
     //"select" ist die dropdown box
     var index = select.selectedIndex || 0;
     var value = select.options[index].value;
     
     //util
     var gid = function(id) { 
     return document.getElementById(id); 
     };
     
     //löscht inhalt aus den elementen
     var cle = function() {
     var ar = ['out1', 'out2', 'out3', 'out4'];
     for(var i = 0, len = ar.length; i < len; i++)
     gid(ar[i]).innerHTML = '';
     };
     
     switch(value) {
     case 'option1': 
     cle();
     gid('out1').innerHTML = 'Text der ausgegeben wird (1)';
     break;
     case 'option2':
     cle();
     gid('out2').innerHTML = 'Text der ausgegeben wird (2)';
     break;
     case 'option3':
     cle();
     gid('out3').innerHTML = 'Text der ausgegeben wird (3)';
     break;
     case 'option4':
     cle();
     gid('out4').innerHTML = 'Text der ausgegeben wird (4)';
     break;
     }
     } //]]>
     </script>
     </head>
     <body>
     <select onchange="alertSelectedValue(this);" size="6">
     <option value="option1">Option1</option>
     <option value="option2">Option2</option>
     <option value="option3">Option3</option>
     <option value="option4">Option4</option>
     </select>
     <br />
     <span id="out1"></span>
     <span id="out2"></span>
     <span id="out3"></span>
     <span id="out4"></span>
     </body>
    </html>
    getestet in: seamonkey (ff2 pedant), IE7, IE6 und IE 5.55
     
  9. 7. Juli 2008
    AW: select onclick

    Du hattest recht Schmitz, es funktioniert ...

    Mein ausgabe war das Problem ... ich werde nun versuchen das richtig hinzudeichseln ... Danke für eure hilfe, BW's sind wie immer raus

    Großes Danke auch an Murdoc
     
  10. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.