javascript - echo JS选中时的Option值

Question

我正在尝试使用 JavaScript 打印 printchatbox 中的值。当您从“选择”中选择特定选项时，我需要打印该值。现在我做的是这样的:

<div class='printchatbox' id='printchatbox'></div>
<select type='text' id='km' name='km' value=''>
  <option value='1'>Number 1</option>
  <option value='2'>Number 2</option>
 </select>

<script>
// elements
var inpKm = document.getElementById("km");
var chBox = document.getElementById('printchatbox');
// event at keyup
inpKm.addEventListener('keyup', verbruik);
// function with event
function verbruik() {
    var km = Number(inpKm.value.replace(',','.'));
    // check for '', null, undefined, false, 0, NaN
    if (!km) {
        chBox.innerHTML = 'Select option.';
    } else {
        chBox.innerHTML = km;
    }
}
</script>

但不幸的是它不起作用，我不知道为什么。该选择不会回显到聊天框中。我该如何修复它？提前致谢!

这是代码链接 https://jsfiddle.net/3hLm0t9L/11/

Answer 1

这是因为您绑定(bind)了 keyup 事件而不是 change 事件。

这一行:

inpKm.addEventListener('keyup', verbruik);

应该是:

inpKm.addEventListener('change', verbruik);

此外，即使您是荷兰人，用英语编码也是一个很好的做法。这就是说，你应该用英语保存你的变量等。这只是一个很好的实践，允许任何程序员与之交互。