Jquery 的change() 与Javascript 的onchange 相比可能有缺点吗？

发布于 2024-12-09 03:40:18 字数 794 浏览 0 评论 0原文

我有一个表单，用户可以在其中动态添加字段（克隆和增加索引）。我使用 sheepit 插件来执行此操作。您不需要深入研究这个插件来回答这个问题。
在这个附加字段（将被克隆并增加索引）内，我有一个选择元素，它会提醒元素的 id（事实上，它根据输入填充不同的字段，但有助于更好地说明））。您可以在最后找到该函数的非常简化的代码。

问题是，如果用户添加其他字段 (1.)，jquery 函数中的“change”事件不会绑定到新创建的字段。所以 (2.) 不适用于新领域。

如果我用 Javascript 来做这件事并向 html 添加一个 onchange 事件，这就会起作用。

我怎样才能用 jquery 做到这一点？

这里是非常简单的代码：

change()

$(document).ready(function() { 
 $('.viewSelector').change(function() 
    {             
        //GET THE ID            
        var idint = $(this).attr('name');          
        alert(idint);
    });
});

我只想让这个函数也可以在新创建的字段上工作。

原文

I have a form where the user can dynamically add fields (clone and increasing index).
I use the sheepit plugin for doing this. You don't need to dig into this plugin to answer this question.
Inside this additonal fields (which will be cloned and increased index) i have a select element which alerts the id of the element (infact it populates different fields depending on input, but faciliated for better illustration). The VERY simpliefied code for that function u find at the end.

The Problem is that if the user adds additional fields (1.), the "change" event from the jquery function does not get binded to the new created field. So (2.) does not work for the new field.

If i would do it with Javascript and add to the html an onchange event, this would work.

How can i do this with jquery?

Here the very simpliefied code:

change()

$(document).ready(function() { 
 $('.viewSelector').change(function() 
    {             
        //GET THE ID            
        var idint = $(this).attr('name');          
        alert(idint);
    });
});

I ONLY want to have this function work also at the new created fields.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

Bonjour°[大白 2024-12-16 03:40:18

只需使用 live()：

$(document).ready(function() { 
  $('.viewSelector').live('change', function() {             
    //GET THE ID            
    var idint = $(this).attr('name');          
    alert(idint);
  });
});

这会将事件绑定到任何新元素添加到与您的选择器匹配的 DOM

Just use live():

$(document).ready(function() { 
  $('.viewSelector').live('change', function() {             
    //GET THE ID            
    var idint = $(this).attr('name');          
    alert(idint);
  });
});

This will bind the event to any new elements added to the DOM that match your selector

回复收藏 0 原文

~没有更多了~