phpwcms Support Forum

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

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);

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

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

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();
            }
        });
    }
 });

phpwcms Support Forum

[SOLVED] Formularelement onchange= einsetzen

[SOLVED] Formularelement onchange= einsetzen

Re: Formularelement onchange= einsetzen

Re: Formularelement onchange= einsetzen

Re: Formularelement onchange= einsetzen

Re: [SOLVED] Formularelement onchange= einsetzen