与 JavaScript 生成的 HTML 交互 [重复]答案

【问题标题】：Interacting with JavaScript-generated HTML [duplicate]与 JavaScript 生成的 HTML 交互 [重复]
【发布时间】：2014-08-30 18:42:56
【问题描述】：

使用 javascript，我从 JSON 文件中获取数据并将其放入 HTML 选择元素中。 JSON 文件中的每个项目都位于 select 中的不同选项元素中。

我希望现在能够在 HTML 输入元素中显示用户选择的选项。我认为这可以使用以下代码：

<script>
$( "select" )
  .change(function() {
    var str = "";
    $( "select option:selected" ).each(function() {
      str += $( this ).text() + " ";
    });
    $( "div" ).text( str );
  })
  .trigger( "change" );
</script>

我认为我的问题是无法识别从 javascript 生成的 HTML。有什么办法可以让我完成这项工作吗？

谢谢

【问题讨论】：

标签： javascript jquery html json select

【解决方案1】：

是的，如果您正在动态生成您的选择，您需要进行事件委托。

变化：

$( "select" ).change(...

收件人：

$(closestParent).on("change", "select", function()...

“closestParent”是选择中最接近的元素，它不是动态生成的（您甚至可以使用“body”，它会起作用）

【讨论】：