[SOLVED] Formularelement onchange= einsetzen

[kmstario]

Hallöchen zusammen,

derzeit bastel ich mal an einem interaktiven Formular, bei dem durch eine Liste(select) bei bestimmten Optionen Felder eingeblendet werden. Nun hänge ich allerdings bei der Funktion fest. Es muss im <select.. ein Befehl

Code: Select all

onchange="setVisibility(this)"

hinein.

Lässt sich das mit Bordmitteln lösen? Ich habe schon einige Varianten probiert, komme aber nicht zum gewünschten Ergebnis

Grüße, Andreas

[Oliver Georgi]

Nicht nötig. Inline JavaScript Attribute sind in Zeiten von verfügbaren Events unnötig.

Mit jQuery:

Code: Select all

var setVisibility = function(){
    var $this = $(this);
    // do whatever you want to do
};
$('#selectid').on('change', setVisibility);

[Oliver Georgi]

Guck mal:
https://jsfiddle.net/ehqsoe3s/

[kmstario]

Hallöchen nochmal,

vielen dank für den Anstoss . Hatte schon etwas rumprobiert und es nun endlich hinbekommen.

Und zwar so (falls es mal jemand braucht):

Code: Select all

$(function () {
     $('#messageBox').hide();
     $('#select-id').change(function () {
         $('#messageBox').hide();
         if (this.options[this.selectedIndex].value == 'optiontext') {
             $('#messageBox').show();
         }
     });
 });

Vg Andreas

[Oliver Georgi]

Unbedingt vereinfachen!

Code: Select all

$(function() {
    var $messagebox = $('#messageBox');
    if($messagebox.length) {
        $messagebox.hide(); // gib style="display:none" mit, dann ist das überflüssig
        $('#select-id').change(function() {
            if(this.options[this.selectedIndex].value === 'optiontext') {
                $messagebox.show();
            } else {
                $messagebox.hide();
            }
        });
    }
 });