Anchor link to top of page

webentwicklerin

.at

cat 2806957 1920

Mit jQuery das nächste Eingabefeld abhängig vom Index des vorherigen Auswahlfelds anzeigen

, ,

Anwendungsbeispiel: Ein Textfeld soll nur sichtbar sein, wenn aus dem davor positionierten Dropdown keine Auswahl getroffen wurde.

(function($) {

    $('.shownext').change(function() {
        if ($(this).prop('selectedIndex') == 0) {
            $(this).next('input').show();
        } else {
            $(this).next('input').hide();
        }
    });


    $('.shownext').each(function() {
        if ($(this).prop('selectedIndex') == 0) {
            $(this).next('input').show();
        } else {
            $(this).next('input').hide();
        }
    });

})(jQuery);

Version jQuery 1.12.4

Bitte Kommentarfunktion nicht für Supportanfragen nutzen. Dem kann hier nicht entsprochen werden. Die Angabe einer E-Mail-Adresse und eines Namens ist nicht erforderlich. Einen (Spitz)-Namen zu nennen wäre aber doch nett.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

*

Hinweis: Sowohl angegebener Name als auch E-Mail-Adresse (beides ist optional, dafür werden alle Kommentare vor Veröffentlichung geprüft) werden dauerhaft gespeichert. Du kannst jeder Zeit die Löschung Deiner Daten oder / und Kommentare einfordern, direkt über dieses Formular (wird nicht veröffentlicht, und im Anschluss gelöscht), und ich werde das umgehend erledigen. – Mit hinterlassenen Kommentaren hinterlegte IP-Adressen werden nach zwei Monaten automatisch gelöscht

vielleicht auch interessant: