javascript - Jquery 更改未检测到选择更改 rails

Question

我在 jquery 中遇到了一个问题，我选择的字段没有得到 jquery change() 的正确检查

    = select_tag 'selector-email', 
                 options_for_select([['Mailer', 0], ['Invite Student', 1], ['Invite Visitor', 2]])

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

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

当我在 codepen 上尝试时，这完全正常，但由于某些原因，在 rails 中我只返回 0 作为值。即使我在我的网页上的控制台中尝试。它可以找到选择器字段，但无法判断正确选择了什么。

这是怎么回事，有正当理由吗？

Answer 1

根据您的代码笔，您正在为 DOM 准备好定义处理程序，稍后添加您的元素。

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

尝试使用 jQuery 进行事件委托(delegate) .on() ,

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