Mit einem Select-Feld ein onClick-Attribut ändern

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Mit einem Select-Feld ein onClick-Attribut ändern

    Hallo Leute,

    ich habe folgendes Script welches mir durch Klicken auf einen Wert im Select-Feld das dargestellte Bild ändert. Nun möchte ich, dass er zum geänderten Bild auch das onClick-Attribut eines Buttons ändert. ich habe es schon mit
    document.getElementById('einfuegen').onclick = "BildEinfuegen('bild-1.jpg')";
    versucht aber ohne Erfolg. Könnt ihr mir bitte helfen? ich habe leider keine Ahnung von JS.

    Hier mein Script

    Quellcode

    1. <script type="text/JavaScript">
    2. function bild_neu()
    3. {
    4. if(document.getElementById('auswahl').value == "1"){
    5. document.getElementById('image').src = "bild-1.jpg";
    6. document.getElementById('einfuegen').onclick = "BildEinfuegen('bild-1.jpg')";
    7. }
    8. else if(document.getElementById('auswahl').value == "2"){
    9. document.getElementById('image').src = "bild-1.jpg";
    10. document.getElementById('einfuegen').onclick = "BildEinfuegen('bild-2.jpg')";
    11. }
    12. else if(document.getElementById('auswahl').value == "3"){
    13. document.getElementById('image').src = "bild-1.jpg";
    14. document.getElementById('einfuegen').onclick = "BildEinfuegen('bild-3.jpg')";
    15. }
    16. else{
    17. document.getElementById('image').src = "blind.gif";
    18. }
    19. }
    20. </script>
    21. <form name="form" method="post" action="">
    22. <select name="selectimg" size="5" onchange="bild_neu()" id="auswahl" class="textfelder" style="width:200">
    23. <option value="1">bild-1.jpg</option>
    24. <option value="2">bild-2.jpg</option>
    25. <option value="3">bild-3.jpg</option>
    26. </select>
    27. <img width="200" src="blind.gif" id="image">
    28. <input type="button" name="einfuegen" id="einfuegen" value="Einf&uuml;gen" onClick="BildEinfuegen('')">
    29. </form>
    Alles anzeigen

  • Quellcode

    1. document.getElementById('einfuegen').onclick = "BildEinfuegen('bild-1.jpg')";


    Das geht leider nicht. Du kannst der Eigenschaft onclick eine Funktion zuweisen. Du weist ihr aber einen String zu. Die Funktion die du der Eigenschaft zuweist kann aber auch nicht mit Parametern versehen werden (soweit ich weiß, korrigiert mich wenn ich mich irre).

    Das ist aber auch nicht nötig, da du in der Funktion BildEinfuegen den Wert der SelectBox abfragen kannst. Damit kannst du dir dann auch das Umbiegen des EventHandlers (der Funktion) sparen.