Anstatt value="" product="" wählen

[Gast]

Hallo Liebes Forum,

ich möchte nach der Auswahl eines Dropdowns eine bestimmte Porduktgruppe mit Javascript auswählen.

Leider wählt mein Script den Value-Wert und nicht den Product-Wert für die Zuordnung.

Hat jemand eine Idee wie ich das lösen kann? Ich habe noch nicht allzu viel Ahnung von Javascript

<script>
    document
        .getElementById('target')
        .addEventListener('change', function () {
            'use strict';
            var vis = document.querySelector('.vis'),
                target = document.getElementById(this.value);
            if (vis !== null) {
                vis.className = 'inv';
            }
            if (target !== null ) {
                target.className = 'vis';
            }
        });
</script> 

Vielen Dank für Eure Hilfe.

Gimo

[Forumsgast]

Bin etwas überfragt, wie das mit reinem JS geht, aber je nach Version geht das per jQiery über .attr() oder .prop()

[Forumsgast]

Leider wählt mein Script den Value-Wert und nicht den Product-Wert für die Zuordnung.

Naja, du sagst ihm ja auch er soll den value nehmen … document.getElementById(this.value)

Anders gefragt wo steht überhaut dein product? als Attribut an sich ist es ungültig. da wäre es sinnvoller data-Attribute zu verwenden:

<input value="x" data-product="y">

var target = document.getElementById(this.dataset.product);