javascript - 选择选项值并将值分配给 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 监听器。最后两行是不必要的。

下面的代码应该可以工作:

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">