Javascript 不适用于 ujs 新生成的 DOM 元素

Posted 2023-05-09

【中文标题】Javascript 不适用于 ujs 新生成的 DOM 元素

【英文标题】：Javascript doesn't work with ujs's new generated DOM element

【发布时间】：2015-11-26 06:13:19

【问题描述】：

javascript 不适用于 ujs

以下由ujs（ajax调用）生成的DOM。

然而，onClick 事件对动态生成的 DOM 根本不起作用？

当我单击下拉选项时，它应该显示警报窗口，但它没有。

我该如何解决这个问题。

  %select
    - @items.each do |item|
      %option:value => "#item.code", :onClick => "alert('hihi');"= item.introduction

【问题讨论】：

你尝试过 onchange 事件吗？

【参考方案1】：

这与the dynamic-generated DOM无关。

您不能在option 标记上使用onclick。 在选择标签上使用onchange 事件：

%select:onChange => 'if (this.value == "itemcode")alert("hihi")'
  - @items.each do |item|
    %option:value => item.code= item.introduction