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

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

本文关键字:新字段 字段 窗口 添加 rails 选择 admin 模态      更新时间:2023-09-26

我有:当我单击"添加新"按钮时 - 我有由rails_admin制作的模态窗口,其中包含选择和选项。选择具有 ID "#select_from_modal"的元素

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

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

我的代码是:

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

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

请帮助我了解我做错了什么以及如何以正确的方式做错它?

尝试使用事件委托,例如:

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