This question already has answers here:
Event binding on dynamically created elements?
（23个答案）
5年前关闭。
我本以为这是相当经典的，但是我还没有找到答案。
我有一个链接到MySQL（实际上是MariaDB）数据库表的表格。
jQuery.ready（）函数的一部分由AJAX填充一个带有选项的下拉列表（例如
然后，当用户单击/选择这些名称之一时，我希望将选项的值（ID字段）发送到JS / jQuery函数（可能在
然后，该想法将是另一个AJAX调用，用联系人表中的所有其他详细信息填充页面上的各种其他框和表以及其他内容。
但是如何获得
现有的
如果注入
将所有响应代码作为AJAX返回调用注入是一种不好的做法，无论如何，我只是想知道如何制作注入的JS代码才能与页面上已有的JS代码进行交互。
（23个答案）
5年前关闭。
我本以为这是相当经典的，但是我还没有找到答案。
我有一个链接到MySQL（实际上是MariaDB）数据库表的表格。
jQuery.ready（）函数的一部分由AJAX填充一个带有选项的下拉列表（例如
<select id="drop_box" />），这些选项是通讯录中的所有姓氏+名字，其中的值= ID字段记录。为了澄清起见，注入的代码包含<select>以及所有选项。然后，当用户单击/选择这些名称之一时，我希望将选项的值（ID字段）发送到JS / jQuery函数（可能在
<head>标记中定义）。然后，该想法将是另一个AJAX调用，用联系人表中的所有其他详细信息填充页面上的各种其他框和表以及其他内容。
但是如何获得
现有的
$("#drop_box").change()函数来“查看”并响应注入的<select>对象中的事件，或者如果注入
change()功能，如何使后者调用页面上的现有功能。将所有响应代码作为AJAX返回调用注入是一种不好的做法，无论如何，我只是想知道如何制作注入的JS代码才能与页面上已有的JS代码进行交互。
最佳答案
使用jQuery的.on方法作为详细的here。然后，您的事件不仅会在定义时应用于所有匹配元素，还会应用于将来通过AJAX添加的匹配元素。