JS怎样给dropDownList()添加事件

要为JavaScript中的下拉列表（drop-down list）添加事件，你可使用`addEventListener`方法。具体步骤以下：

1. 首先，获得到对应的下拉列表元素，可以通过`document.getElementById()`或其他选择器方法来获得。

```javascript

var dropdown = document.getElementById("dropdownList");

```

2. 接下来，定义一个事件处理函数，用于处理下拉列表的事件。例如，如果你想在选择某个选项时触发事件，那末你可以

定义一个`change`事件处理函数。

```javascript

function handleDropdownChange() {

// 在这里编写处理事件的逻辑

console.log("选中的选项值：" + dropdown.value);

}

```

3. 然后，使用`addEventListener`方法将事件处理函数绑定到下拉列表上。

```javascript

dropdown.addEventListener("change", handleDropdownChange);

```

这样，当下拉列表的选项产生改变时，`handleDropdownChange`函数就会被调用，并履行相应的逻辑。

完全的示例代码以下：

```html

<select id="dropdownList">

<option value="option1">选项1</option>

<option value="option2">选项2</option>

<option value="option3">选项3</option>

</select>

<script>

var dropdown = document.getElementById("dropdownList");

function handleDropdownChange() {

console.log("选中的选项值：" + dropdown.value);

}

dropdown.addEventListener("change", handleDropdownChange);

</script>

```

以上代码会创建一个下拉列表，并在选项改变时输出所选中的选项值到控制台。你可以根据需要修改事件处理函数中的逻

辑来实现自己的需求。