オプション値を選択してvar（JavaScript）に値を代入

Question

編集：コードを次のように変更しました。今はコードのどれもうまくいかないようです。 （仕事を行なったし、私はあなたと共有しませんでしたでも私のコード。）

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

あなたは、あなたが使用する必要がありますchangeリスナー内で選択されたオプションの値を取得したい場合：this.options[this.selectedIndex].value

あなたはchangeリスナーを1回だけ適用する必要があります。最後の2行は不要です。

次のコードは動作するはずです：

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

変更あなたの機能をこの

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