在 select (rails_admin) 处更改时在模态 window 内添加新字段

Question

我有：当我单击按钮 "Add new" 时 - 我有模态 window 由 rails_admin 制作，带有 select 和选项。 Select 元素的 ID 为“#select_from_modal”

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

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

我的代码是：

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

但它有奇怪的行为。当我第一次更改 select 选项时 - 没有任何反应。第二次 - 我有警报 'hello'。第三次 - 我两次收到此警报。然后3次，4次，以此类推。

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

Answer 1

尝试使用事件委托，例如：

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

Add new fields inside modal window on change at select (rails_admin)