javascript - 下拉框选择无法在控制台中更新

Question

我的应用程序中有一个简单的下拉框。每次从下拉框中选择一个值时，我都需要用该值更新文本区域。

Here is a JSFiddle to show what I mean.

尽管屏幕上的文本区域正在使用值进行更新，但如果您在 JSFiddle 上使用“检查元素”，您可以看到控制台永远不会使用所选元素进行更新。

任何人都可以解释为什么吗？还有如何纠正这个问题？

非常感谢，

`G`

Answer 1

console.log(...) 行不是匿名函数的一部分，请将其移至右大括号 } 内。

var select = document.getElementById('categorySelect');
                    var input = document.getElementById('categoryChoice');
                    select.onchange = function() {
                        input.value = select.value;
                        console.log(input.value);
                    }