正常的 jquery id #selector 是否适用于 Ajax json 响应的 html？答案

【问题标题】：does normal jquery id #selector work on html of an Ajax json response?正常的 jquery id #selector 是否适用于 Ajax json 响应的 html？
【发布时间】：2020-08-07 05:36:42
【问题描述】：

通过点击事件，我将以下下拉元素作为 ajax json 响应返回，没有页面刷新：

<select class='custom-select col-md-4' id='family'>
  <option value''> Select family</option>
  <option value='1'>familyName</option>
</select>

然后我想在更改选项时执行一个函数：

$('#family').on('change', function(){
        alert("Yeey");
 });

但似乎不起作用。

【问题讨论】：

检查控制台是否出现任何错误
您可能需要使用动态插入的元素更新 DOM：stackoverflow.com/questions/17561243/…

标签： javascript php jquery json ajax

【解决方案1】：

您的代码似乎正在运行。只需在选择中添加一个选项

目前，您只有一个默认选择的选项，因此不应用更改事件。你的剧本很好。示例：

<select class='custom-select col-md-4' id='family'>
 <option value=''>select family</option>
  <option value='1'>familyName</option>
</select>

【讨论】：

我有很多选择。但似乎仍然没有工作
你添加了 jquery 库吗？希望您不要错过包含此文件。
是的，我确实这样做了，实际上我在同一个 Modal 中使用了与另一个 select 元素相同的函数，但不同的是，这个是 ajax 返回的 DOM，另一个是页面的一部分html结构
好的，如果它的 Ajax 返回，那么您必须在 HTML 元素中添加 onchange 函数，例如：

【解决方案2】：

需要超过 1 个选项。默认情况下，第一个选项被选中。所以没有 on change 事件触发。

【讨论】：