Javascript 如何在选择框中选择选项时调用函数

我试图在选择框中选择选项时调用函数

比特桶

我在方法块中尝试了以下方法，但没有正常工作

login（）{
if（this.options[this.selectedIndex].id==“1”）{
控制台日志（“hi”）；
}否则{
console.log（“你好”）；
}
}
< /代码> 首先，您需要从两个HTML元素中删除所选的“元素”，并且可以考虑将数据选项绑定到监听更改事件的监视函数，例如：

JS

HTML


禁用项
github
比特桶

JS小提琴：

您还可以在以下位置查看vue表单绑定选项：
只应选择一个选项
。您可以改为使用
@单击
事件，因为
@更改
事件仅在数据更改时触发
new Vue({
  el: '#app',
  data: {
    optionPicked: null
  },
  watch: {
    optionPicked: function() {
        console.log(this.optionPicked)
    }
    }
})

<div id="app">
  <select v-model="optionPicked">
  <option selected disabled>Disabled item</option>
    <option value="github-value" id="1"> Github</option>
    <option value="bitbucket-value" id="2"> Bitbucket</option>
  </select>
</div>