在前端开发过程中，改变表单输入的内容时，可能需要触发某些事件，称为onChange事件。而onChange事件是HTML的一部分，它可以用于input，select和textarea元素。 下面我们将具体探讨onChange事件的使用方法和相关实例。
一、onChange事件的基本用法
我们可以通过如下代码使用onChange事件：
<input type="text" onChange="updateValue(event)">
其中，input元素有一个onChange属性指向了事件处理函数updateValue()。事件处理函数可以通过参数event获取事件对象。
下面是一个简单的例子，在输入框中输入内容，并在旁边显示当前输入的值。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>onChange Demo</title>
</head>
<body>
<p>Please input your name:</p>
<input type="text" onChange="showName(event)">
<p id="name"></p>
<script>
function showName(event) {
var value = event.target.value;
document.getElementById("name").innerHTML = value;
}
</script>
</body>
</html>
运行这个例子，可以看到输入框旁边实时显示所输入的内容。
二、onChange事件在下拉列表中的应用
下拉列表与输入框的事件处理方式有所不同，我们需要对
