jQuery .on()方法未检测到未来元素

Question

我正在尝试使用jQuery来根据之前选择的下拉列表填充一个下拉列表,如下所示:

这适用于第一行,但是我使用WordPress的Gravity Forms插件让我添加后续行.我的jQuery脚本似乎被加载页面后添加的任何下拉列表完全忽略.

以下是我使用该方法的方法:

$('#form-register .gfield_list tr td:first select').on('change', function() {
    var fieldBrand = $(this).parent().next().find('select');
    alert('1');

"1"仅在第一行的选择字段中提醒,而不是其他字段.

你可以在这里看到网页(带有完整的jQuery脚本): - http://www.mattpealing-server.co.uk/~devappli/register/

谁能看到我做错了什么？我在Firefox的错误控制台中看不到任何错误.

我也对我应用于+/-图标的工具提示有同样的问题,这些并不重要,但我想问题的原因是一样的.

Answer 1

on仅在使用事件委托时影响将来的元素.您应该阅读文档的委托部分.这样的事情将起作用,假设#form-register永远不会通过ajax加载.

$('#form-register').on('change', '.gfield_list tr td:first select', function() {