javascript - 动态添加的选择更改事件未注册

Question

在我的网站中，我有一些代码如下： -

    $(function() {
        $(document).on('change', 'select', function() {
            var formID = $(this).attr("id");
                if((formID.indexOf("forms[")>-1)){

                var newFormID= $(this).val();
                var scenarioID = ${testScenarioInstance?.id}
                getFormInformation(newFormID, "forms", $(this), scenarioID);
            }
        });
    });

在页面的另一部分，用户可以通过一个简单的小帖子添加额外的选择并附加。问题在于，对于任何新添加的选择，这段代码都不会触发，但对于页面加载时存在的任何选择，它都可以正常工作。任何想法为什么会这样？

Answer 1

它应该像你现在拥有的那样运行良好，在这里我用你的相同代码为事件做了一个小例子：

http://jsfiddle.net/2KCY9/

$(document).on('change', 'select', function () {
    alert("Works well");
});