当<select>被触发时，如何让事件监听器工作？

<select onchange="myFunction()">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>
<script>
function myFunction() {
  // 事件处理逻辑
}
</script>

<select id="mySelect">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>
<script>
document.getElementById("mySelect").addEventListener("change", myFunction);
function myFunction() {
  // 事件处理逻辑
}
</script>

<select id="mySelect">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$("#mySelect").change(function() {
  // 事件处理逻辑
});
</script>