javascript - 无法为克隆的“选择”控件调用“更改”事件

Question

我通过克隆最后一行来动态添加新行。此行包含select选取器控件。

如何change为新添加的控件创建事件。

我尝试通过添加以下脚本，但它不起作用。

console.log($('#${field_uid}-resourcetypepicker-new_' + u).attr('value'));  //prints  value correctly.

//下面的事件没有被调用。

 $('#${field_uid}-resourcetypepicker-new_' + u).change(function() {   

        console.write('calling fine');
 });

以下是从 firebug 复制的渲染 HTML 内容：

 <select id="customfield_11200-resourcetypepicker-new_3">
     <option value="aaa">aaa</option>
     <option value="ddd">ddd</option>
     <option value="ddd">ddd</option>
 </select>

这可能是什么原因。它的 ID 也匹配，change并且select两者都customfield_11200-resourcetypepicker-new_3相同。

谢谢

Answer 1

用于委托事件

$(document).on('change','#${field_uid}-resourcetypepicker-new_' + u,function() { 
   console.write('calling fine');
 });

使用最接近的静态父级而不是文档...以获得更好的性能