OnChange jquery不起作用答案

【问题标题】：OnChange jquery not workingOnChange jquery不起作用
【发布时间】：2017-05-17 11:27:42
【问题描述】：

我有下面的 jquery，但它没有调用“callFunction”。谁能指出问题所在

jQuery('[id$="my_attr_0"]').on("change", function() {
    callFunction();
        });

【问题讨论】：

DOM中是否存在以my_attr_0结尾的id元素？如果是这样，它在页面加载时是否存在？您在控制台中有任何错误吗？这可能不起作用的原因有数百个，因此如果不查看更多代码，很难给你一个明确的答案
元素（或子元素）是否也引发了更改事件，也请分享 html。
@ThisGuyHasTwoThumbs 如果他想找到以那个值结尾的id-attribute 是没有错的：api.jquery.com/attribute-ends-with-selector
@Esko - 嗯，很奇怪，似乎倒退了，我只是放一个类并做一个 each 语句，但我想如果它是对的，那就是对的 :) 将删除我上面的评论

标签： jquery function onchange

【解决方案1】：

尝试将其更改为：

jQuery(document).on("change", '[id$="my_attr_0"]', function() {
    callFunction();
});

即使在执行此操作时指定的元素在 DOM 中不存在，您的方法也会在更改事件时被调用。

假设您的选择器是正确的。

你可能会看到它在这里工作：JSFiddle

【讨论】：

【解决方案2】：

jQuery('[id$="my_attr_0"]').on("change", function() {
    callFunction();
        });
        
 function callFunction(){
  console.log('running function');
 }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select id="check_my_attr_0">
<option> hello </option>
<option> function </option>
</select>

您的代码运行良好。请检查代码sn-p

【讨论】：