Javascript Jquery更改未检测到选择更改轨道

我在jquery中遇到了一个问题，我选择的字段没有通过jquery

change（）

上面是我的html被解析为的内容，然后在jquery中我选择id并使用其索引来查找值

function mailerChange() {
  $("#selector-email").change(function() {
    console.log($('#selector-email')[0].selectedIndex)
  })
}

当我尝试使用codepen时，这一切都很好，但由于某些原因，在rails中，我只得到了0作为一个值。甚至当我尝试在我的网页控制台。它可以找到选择器字段，但无法判断正确选择了什么

---

这里发生的事情是否有合理的原因？

根据您的代码笔，您正在DOM ready上定义处理程序，稍后将添加元素

$(document).ready(function() {
  mailerChange();
})

使用jQuery尝试事件委派

function mailerChange() {
    $(document).on("change","#selector-email",function() {
       console.log($('option:selected',this).index())
    })
}

---

您可以发布呈现的HTML或示例代码笔吗？我已经发布了一个答案，请检查它是否有效。问题仍然存在。我得到的是0：（检查更新的答案。还可以通过检查问题中的html来发布呈现的html（在rails之后）。codepen中的html是我从rails中的inspectin中得到的。我将尝试当前的答案，可以解释为什么吗？！

function mailerChange() {
    $(document).on("change","#selector-email",function() {
       console.log($('option:selected',this).index())
    })
}