我正在尝试使用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>
但不幸的是,它不起作用,我不知道为什么。选择不会回显到聊天框中。我该如何解决?提前谢谢!
答案 0 :(得分:1)
这是因为您绑定了keyup
个事件而不是change
个事件。
这一行:
inpKm.addEventListener('keyup', verbruik);
应该是:
inpKm.addEventListener('change', verbruik);
此外,即使你是荷兰人,用英语编码也是一种很好的做法。这就是说,你应该用英语保留你的变量等。这只是一种很好的做法,允许任何程序员与它进行交互。