使用JS选择时的Echo Option值

时间:2018-02-26 02:06:33

标签: javascript variables select echo option

我正在尝试使用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/

1 个答案:

答案 0 :(得分:1)

这是因为您绑定了keyup个事件而不是change个事件。

这一行:

inpKm.addEventListener('keyup', verbruik);

应该是:

inpKm.addEventListener('change', verbruik);

此外,即使你是荷兰人,用英语编码也是一种很好的做法。这就是说,你应该用英语保留你的变量等。这只是一种很好的做法,允许任何程序员与它进行交互。