如何为HTML 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>
$("#mySelect").change(function() {
  // 在这里编写触发更改事件后的逻辑代码
});
</script>

<select v-on:change="myFunction">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

<script>
new Vue({
  methods: {
    myFunction: function() {
      // 在这里编写触发更改事件后的逻辑代码
    }
  }
}).$mount("#app");
</script>