Javascript 将onclick事件添加到“选择”下拉列表中的选项

我有一个从JavaScript数组创建的下拉列表。当我更改下拉列表值时，我想对所选值执行一些操作

var newArray = [3,5,4,6]

var container = document.getElementById('container')
var dropdown = creatSelectDropDown('thisDropdown', newArray)
container.appendChild(dropdown)

function creatSelectDropDown(id, array) {

    var dropdown = document.createElement("select");
    dropdown.id = id;

    for (var i = 0; i < array.length; i++) {
        var option = document.createElement("option");
        option.text = array[i];
        option.value =  array[i];
        dropdown.options.add(option);
    }


    return dropdown;
}

或

我显然错过了一些简单的东西

---

要使用的小提琴：

可以使用以下语法绑定要更改的函数：

dropdown.onchange = function(event) {
   console.log(event);
}

或使用eventListener：

dropdown.addEventListener("change", function(event) {
   console.log(event);
}, false);

错误之处在于必须将函数传递给onchange事件，如：

var dosomething = function() { /* do something */}
dropdown.onchange = dosomething;

---

可以使用以下语法绑定要更改的函数：

dropdown.onchange = function(event) {
   console.log(event);
}

或使用eventListener：

dropdown.addEventListener("change", function(event) {
   console.log(event);
}, false);

错误之处在于必须将函数传递给onchange事件，如：

var dosomething = function() { /* do something */}
dropdown.onchange = dosomething;

---

如何从所选选项标记获取值？获取事件的目标，然后获取其值：event.target.value如何从所选选项标记获取值？获取事件的目标，然后获取其值：event.target.value