与JavaScript生成的HTML交互

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

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

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

$（“选择”）
.change（函数（）{
var str=“”；
$（“选择选项：选定”）。每个（函数（）{
str+=$（this）.text（）+“”；
});
$（“div”）.text（str）；
})
.触发（“变更”）；

我认为我的问题是，我的HTML生成的javascript是无法识别的。有没有办法让这一切顺利进行

---

谢谢

是的，如果您要以友好方式生成您的选择，您需要执行事件委派

更改：

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

致：

---

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

谢谢，这很有帮助

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