javascript - 在选择更改时在模态窗口内添加新字段 (rails_admin)

Question

我有:当我单击“添加新”按钮时 - 我有 rails_admin 制作的模式窗口，其中包含选择和选项。选择元素有 id "#select_from_modal"

我想要:当用户在 #select_from_modal 中更改选项时 - 在此模式窗口中添加新字段并保存表单。

我知道，我可以通过将文件添加到 assets/javascripts/rails_admin/custom/file.js 来添加自定义 js，我做到了。

我的代码是:

$(document).on("change", "#modal", function() {
  $('#select_from_modal').change(function() {
    alert('hello!')
  });
});

但它有奇怪的行为。当我第一次更改选择选项时 - 没有任何反应。第二次 - 我有警报“你好”。第三次 - 我两次收到此警报。然后是 3 次、4 次，依此类推。

请帮助我了解我做错了什么以及如何以正确的方式解决问题？

Answer 1

尝试使用事件委托(delegate)，例如:

$(document).ready(function() {
    $(document.body).on('change', '#select_from_modal', function() {
        alert('hi');
    });
});