Optionswert auswählen und var (javascript) Wert zuweisen

Question

Bearbeiten: Ich habe den Code wie folgt geändert. Jetzt scheint keiner der Code zu funktionieren. (. Sogar meine der Code, der Arbeit tat, und ich habe mit Ihnen nicht teilen)

function berekeningAflostabel() { 
var zaaksoortMsnp; 
var AflostabelPerMaand; 

document.getElementById("fldZaakSoortMsnp").addEventListener("change",  function() { 
    AflostabelPerMaand = this.value; 

    if(AflostabelPerMaand == 1) { 
    zaaksoortMsnp = "Tekst1"; 
    } 
    if(AflostabelPerMaand == 2) { 
    zaaksoortMsnp = "Tekst2"; 
    } 
    if(AflostabelPerMaand == 3) { 
    zaaksoortMsnp = "Tekst3"; 
    } 
    if(AflostabelPerMaand == 4) { 
    zaaksoortMsnp = "Tekst4"; 
    } 
    if(AflostabelPerMaand == 5) { 
    zaaksoortMsnp = "Tekst5"; 
    } 
    if(AflostabelPerMaand == 6) { 
    zaaksoortMsnp = "Tekst6"; 
    } 

    document.getElementById("fldMinimaleAfloswaardePerMaand").value = zaaksoortMsnp; 
    } 
} 

var eventZaaksoortMsnp = document.getElementById("fldZaakSoortMsnp"); 
eventZaaksoortMsnp.addEventListener("change", berekeningAflostabel); 

Answer 1

Wenn Sie die gewählte Option der Wert innerhalb des change Zuhörer erhalten möchten, dann sollten Sie verwenden: this.options[this.selectedIndex].value

Sie müssen den Listener nur einmal anwenden. Die letzten beiden Zeilen sind unnötig.

sollte der folgende Code arbeiten:

function berekeningAflostabel() { 
 
    var zaaksoortMsnp; 
 
    var AflostabelPerMaand; 
 

 
    document.getElementById("fldZaakSoortMsnp").addEventListener("change", function() { 
 
    AflostabelPerMaand = this.options[this.selectedIndex].value; 
 

 
    if(AflostabelPerMaand == 1) { 
 
     zaaksoortMsnp = "Tekst1"; 
 
    } 
 
    if(AflostabelPerMaand == 2) { 
 
     zaaksoortMsnp = "Tekst2"; 
 
    } 
 
    if(AflostabelPerMaand == 3) { 
 
     zaaksoortMsnp = "Tekst3"; 
 
    } 
 

 
    document.getElementById("fldMinimaleAfloswaardePerMaand").value = zaaksoortMsnp; 
 
    }); 
 
} 
 

 
berekeningAflostabel();

<select id="fldZaakSoortMsnp"> 
 
    <option value="1">teszt</option> 
 
    <option value="2">teszt</option> 
 
    <option value="3">teszt</option> 
 
</select> 
 

 
<input type="text" id="fldMinimaleAfloswaardePerMaand">

Answer 2

Änderung Ihre Funktion diesen

function() { 
    var AflostabelPerMaand = '0' + this.value; 
    document.getElementById("fldMinimaleAfloswaardePerMaand").value = AflostabelPerMaand; 
}