在选择(rails_admin)时更改时在模态窗口中添加新字段
Add new fields inside modal window on change at select (rails_admin)
我有:当我单击"添加新"按钮时 - 我有由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');
});
});
相关文章:
- 从按钮生成新的输入字段
- 每次按下按钮时添加新的文本字段
- 如何使用jQuery添加输入字段并将Ajax调用到新的输入字段中
- jQuery 选择错误:添加新的选择字段并对其进行组合时出现问题
- 在方法中动态声明新的“类字段” - 是否是好的做法
- 填写所有先前字段后,添加新的输入字段
- 使用 JQuery 在不涉及整页刷新的动态页面更改后访问/传播选择器到新的输入字段
- 如何在“”上动态地添加新的输入字段;keydown”;使用jQuery
- HTML表单可访问性:选项卡键焦点跳过新显示的字段
- 如何使用.keyup()添加新的输入字段
- 在新窗口中打开Instagram照片页面,向下滚动页面/关注新的评论字段
- JS:用新日期填充字段,从用户输入中减去x天
- 如何使用REST API用新值更新字段
- 在下拉菜单中选择选项后,添加新的输入字段
- JavaScript添加新的输入字段点击
- JavaScript在点击时生成新的输入字段
- Jquery不会将listener添加到新添加的字段中
- 如何从输入字段捕获文本值,并将其传递给新的输入字段
- 用AngularJS的方式给MongoLab添加一个新的模型字段
- 按递增顺序添加新的输入字段