选择下拉选项时，仅更改同一div内的图像

您正在文档加载绑定您的JavaScript。 这就是为什么会发生这种情况。 您需要将其绑定在动态创建的元素上。 Cocoon提供了在动态生成的元素上绑定javascript的方法。

 $('#container').on('cocoon:after-insert', function(e, insertedItem) { // ... do something }); 

https://github.com/nathanvda/cocoon#callbacks-upon-insert-and-remove-of-items此处列出了所有回拨事件。 希望这对你有所帮助！

因此，cocoon动态地向页面添加元素。 您的jquery仅绑定到页面上当前的元素。

您应该使用jquery方法。

如果你的部分没有任何视图代码，那就有点难了，但是我们假设我们将form元素作为加载后将出现的父元素。 所以像这样的东西应该做的伎俩：

 jQuery(function($) { $("form").on('change', '.bracelet-color-select', function(){ $('.product-still-form').attr('src',$('.bracelet-color-select>option:selected').attr('src')); }); });