无法为克隆的`select`控件调用`change`事件

时间:2013-07-11 12:33:20

标签: javascript jquery javascript-events

我通过克隆最后一行动态添加了新行。此行包含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在changeselect中也匹配customfield_11200-resourcetypepicker-new_3相同。

感谢

1 个答案:

答案 0 :(得分:2)

在委派活动中使用

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

使用最接近的静态父代替文档...以获得更好的性能